body,
button,
dd,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0;
	border: 0
}

* {
	-webkit-tap-highlight-color: transparent;
}

body {
	background-color: #ffffff;
	overflow-x: hidden;
}

button,
input,
textarea,
select {
	-webkit-appearance: none;
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
}

.none {
	display: none;
}

.online_x {
	cursor: pointer;
}

button:hover,
input[type=submit]:hover {
	cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
	/* border: 0*/
	outline: 0 none;
	outline-color: transparent;
}

a {
	color: #333;
	display: inline-block;
}

a:link {
	text-decoration: none
}

a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none;

}

a:active {
	text-decoration: none
}

li {
	list-style: none;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.conwidth {
	max-width: 1440px;
	width: 90%;
	margin: auto;
}

.bgcolor {
	background: #f5f6f7;
}

/*header*/


/*.head-nation .current .name.on{
	background: url(../images/img1.png) right center no-repeat;
}*/
.head-nation ul {
	display: none;
	position: absolute;
	left: 0;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 80px;
	z-index: 10;
	background-color: #FFFFFF;
	padding: 10px 0px;
	text-align: left;
}

.head-nation ul li a {
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #666666;
	line-height: 2.2;
	min-width: 90px;
	text-align: center;
	padding: 0px 20px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.head-nation ul li a:hover {
	color: #19aeae;
	background-color: #f9f9f9;
}

/**/
.menubtn {
	display: none;
	float: right;
	width: 60px;
	height: 60px;
	background: url(../images/menu-icon1.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	cursor: pointer;
}

.menubtn.on {
	background: url(../images/menu-icon2.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}



.m-nav {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	background: #fff;
	display: none;
	z-index: 99;
	overflow-y: scroll;
}

.m-nav .nav-list {
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}

.m-nav .nav-list>li {
	text-align: left;
	border-bottom: #e8e8e8 solid 1px;
	box-sizing: border-box;
}

.m-nav .nav-list .one-level {
	position: relative;
	padding-right: 40px;
}

.m-nav .nav-list .one-level i {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 50px;
	background: url(../images/img99.png) center no-repeat;
	background-size: 15px 18px;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.m-nav .nav-list .one-level.on i {
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.m-nav .nav-list>li>a,
.m-nav .nav-list .one-level {
	font-family: "syn";
	font-size: 18px;
	color: #666666;
	display: block;
	height: 50px;
	line-height: 50px;
}

.m-nav .nav-list>li>a:hover,
.m-nav .nav-list .one-level.on,
.m-nav .nav-list .one-level:hover {
	color: #19aeae;
}

.m-nav .nav-list .lang {
	text-align: center;
	margin-top: 10%;
	border-bottom: none;
}

.m-nav .nav-list .lang .one-level {
	padding-right: 0;
}

.m-nav .nav-list .one-level a,
.m-nav .nav-list .one-level span {
	display: inline-block;
	color: #666666;
}

.m-nav .nav-list .one-level span {
	margin: 0 30px;
}

.m-nav .nav-list .one-level:hover span {
	color: #666666;
}

.m-nav .nav-list li a .tit {
	color: #222222;
}

.m-nav .nav-list li a:hover .tit {
	color: #19aeae;
}

.m-nav .m-subnav {
	display: none;
	border-top: #e8e8e8 solid 1px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.m-nav ul li .m-subnav>a,
.m-nav ul li .m-subnav .two-level {
	display: block;
	font-family: "syn";
	font-size: 16px;
	color: #999999;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
}

.m-nav ul li .m-subnav a .ic2 {
	display: none;
}

.m-nav ul li .m-subnav a:hover .ic1 {
	display: none;
}

.m-nav ul li .m-subnav a:hover .ic2 {
	display: inline-block;
}

.m-nav ul li .m-subnav a:hover {
	color: #19aeae;
}

.m-nav .subnav_2 {
	padding-left: 30px;
	display: none;
}

.m-nav .subnav_2 .subnav_2li>a,
.m-nav .three {
	display: block;
	font-size: 16px;
	color: #666666;
	height: 40px;
	line-height: 40px;
}

.m-nav .subnav_3 a {
	display: block;
	font-size: 15px;
	line-height: 2;
	color: #999999;
}

.m-nav .subnav_3 {
	display: none;
	padding: 0px 15px;
}


/*侧边栏*/
.sidebar {
	position: fixed;
	bottom: 20%;
	right: 0;
	z-index: 99;
	box-shadow: 0px 8px 29px rgba(6, 63, 55, 0.2);
}

.sidebar>ul {}

.sidebar>ul>li {
	position: relative;
	text-align: center;
	cursor: pointer;
	border-bottom: #f5f5f5 solid 1px;
}

.sidebar ul li:first-child a {
	border-radius: 10px 10px 0px 0px;
}

.sidebar ul li:last-child {
	border-bottom: none;
}

.sidebar ul li:last-child a {
	border-bottom: none;
	border-radius: 0px 0px 10px 10px;
}

.sidebar ul li a {
	display: block;
	position: relative;
	width: 75px;
	height: 70px;
	text-align: center;
	overflow: hidden;
	background: #ffffff;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.sidebar ul li.on a,
.sidebar ul li:hover a {
	background-color: #ffffff;
	text-decoration: none;
}

.sidebar ul li a img {
	display: block;
	margin: auto;
	max-width: 100%;
	padding-top: 10px;
}

.sidebar ul li .secondary {
	display: none;
	position: absolute;
	right: 85px;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	min-width: 100%;
	min-height: 100%;
	background: #ffffff;
	box-shadow: 0px 8px 29px rgba(6, 63, 55, 0.2);
	border-radius: 15px;
	box-sizing: border-box;
	white-space: nowrap;
}

.sidebar ul li .secondary::before {
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #ffffff;
}

.sidebar ul li .imgbox {
	padding: 20px;
	overflow: hidden;
}

.sidebar ul li .codeimg {
	text-align: center;
	width: 110px;
}

.sidebar ul li .codeimg img {
	display: block;
	width: 100%;
}

.sidebar ul li .txt {
	text-align: center;
	margin-top: 10px;
	color: #666666;
	font-size: 14px;
}



/*轮播图*/
.lunbotu {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.lunbotu .swiper-slide {
	width: 100%;
	height: 100vh;
}

.lunbotu a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.lunbotu {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.lunbotu .imgbg {
	width: 100%;
	height: 100%;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.lunbotu .imgbg.vid {
	/*display: none;*/
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.lunbotu a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: url(../images/img112.png) top center no-repeat;
	background-size: 100% auto;
}

.lunbotu .simg {
	display: none;
}

.lunbotu.swiper-container-autoheight,
.lunbotu.swiper-container-autoheight .swiper-slide {
	height: 100%;
}

.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets,
.lunbotu .swiper-pagination-custom,
.lunbotu .swiper-pagination-fraction {
	bottom: 6%;
}

.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

.lunbotu .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	background: #ffffff;
	opacity: 0.5;
}

.lunbotu .swiper-pagination-bullet-active {
	opacity: 1;
}


.lunbotu .swiper-button-next,
.lunbotu .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: 30px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	outline: none;
}

.lunbotu .swiper-button-prev,
.lunbotu.swiper-container-rtl .swiper-button-next {
	background-image: url(../images/img1.png);
	left: 110px;
	right: auto;
}

.lunbotu .swiper-button-next,
.lunbotu.swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/img2.png);
	right: 110px;
	left: auto;
}

.banner-video {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100vh;
}

.banner-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.i-banner {
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5;
}

.section .i-banner .box {}

.i-banner .box .t1 {
	color: #FFFFFF;
	font-size: 48px;
	font-weight: bold;
}

.i-banner .box .t2 {
	color: #f6f6f6;
	font-size: 20px;
}

.i-banner .box .t3 {
	margin-top: 30px;
	color: #e4e4e4;
	font-size: 22px;
	line-height: 1.7;
}

.i-banner .box .btn {
	margin-top: 50px;
}

.i-banner .box .btn span {
	display: inline-block;
	color: #f4f4f4;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.i-banner .box .btn span:hover {
	color: #1154ab;
}


.section {
	position: relative;
	overflow: hidden;
}

.section .pagebg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.i-product {}

.i-product .box {
	position: relative;
}

.i-product .bgbox {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.i-product .bgbox ul li {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.i-product .bgbox ul li.on {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.i-product .content {}

.i-product .content ul li {
	position: relative;
	float: left;
	width: 16.6666%;
	max-height: 600px;
	height: 70vh;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, .3);
}

.i-product .content ul li:last-child {
	border-right: none;
}

.i-product .content ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
}

.i-product .content ul li:hover:before,
.i-product .content ul li.on:before {
	background: #F39800;
}

.i-product .content ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.i-product .serial {
	position: relative;
	z-index: 10;
	padding-top: 30%;
	padding-left: 18%;
	font-size: 26px;
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.i-product .content ul li.on .serial {
	font-size: 30px;
}

.i-product .text {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	padding: 0px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.i-product .content ul li.on .text {
	bottom: 90px;
}

.i-product .text .txt {
	position: relative;
	margin-bottom: 40px;
	margin-top: 20px;
}

.i-product .text .t1 {
	font-family: "syn";
	color: #ffffff;
	font-size: 20px;
	/*margin-top: 18px;
	margin: 20px auto;*/
	/*-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;*/
}

.i-product .text .arrowicon {
	text-align: left;
	opacity: 0;
}

.i-product .content ul li.on .text .arrowicon {
	opacity: 1;
}

.m-content {
	display: none;
	position: relative;
	width: 100%;
	overflow: hidden;
}

/**/
.i-product .m-content {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
	display: none;
}

.i-product .m-content .mlibox {
	position: relative;
	/*padding: 15% 8%;*/
	padding-bottom: 50.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.i-product .m-content .mlibox:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
}

.i-product .m-content .mlibox a {
	position: absolute;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
}

.i-product .m-content .mlibox .cont {
	position: absolute;
	left: 0;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 0 10%;
	box-sizing: border-box;
}

.section .videobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.15);
}

.section .videobox video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.section .videobg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: none;
}

.numbers {
	position: relative;
}

.numbers ul {
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.3);
	font-size: 0;
}

.numbers ul li {
	position: relative;
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	padding: 2.5%;
	box-sizing: border-box;
}

.numbers ul li i {
	position: absolute;
	right: -9px;
	top: -9px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.numbers ul li i:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #00ffff;
}

.numbers ul li:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 90%;
	height: 1px;
	border-top: #c9ffff40 solid 1px;
}

.numbers ul li:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 90%;
	border-right: #c9ffff40 solid 1px;
}

.numbers ul li:nth-child(1) i,
.numbers ul li:nth-child(2) i,
.numbers ul li:nth-child(3) i,
.numbers ul li:nth-child(4n) i {
	display: none;
}

.numbers ul li:nth-child(1):before,
.numbers ul li:nth-child(2):before,
.numbers ul li:nth-child(3):before,
.numbers ul li:nth-child(4):before {
	display: none;
}

.numbers ul li:nth-child(4n):after {
	display: none;
}

.numbers ul li .wrap {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 50px 0px;
	border-radius: 10px;
	overflow: hidden;
	/*-webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;*/
}

.numbers ul li .wrap:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
	width: 50%;
	height: 50%;
	background: #19AEAE;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
}

.numbers ul li .wrap:hover:before {
	width: 100%;
	height: 100%;
	opacity: 1;
}

/*.numbers ul li .wrap:hover{
	background-color: #19aeae;
}*/
/*.numbers ul li .wrap:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.numbers ul li .wrap:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}*/
.numbers ul li .wrap .t1 {
	display: block;
	width: 100%;
	font-family: "itc";
	color: #ffffff;
}

.numbers ul li .wrap .t1 .timer {
	display: inline-block;
	font-size: 60px;
}

.numbers ul li .wrap .t1 .plus {
	display: inline-block;
	vertical-align: top;
	font-size: 24px;
}

.numbers ul li .wrap .t2 {
	display: block;
	width: 100%;
	font-family: "syr";
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
}

.i-new {}

.i-title {
	text-align: center;
}

.i-title .t1 {
	font-family: "sym";
	color: #000000;
	font-size: 30px;
}

.i-new .box {
	margin-top: 75px;
}

.i-new .leftbox {
	float: left;
	width: 34.8%;
}

.i-new .rightbox {
	float: right;
	width: 57.8%;
}

.i-new .index_main_new {
	background: #FFFFFF;
	box-shadow: 0px 8px 29px rgba(6, 63, 55, 0.03);
}

.i-new .index_main_new a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 11%;
}

.i-new .index_main_new .img {
	width: 100%;
	overflow: hidden;
}

.i-new .index_main_new .img img {
	width: 100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.i-new .index_main_new:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.i-new .index_main_new .txt {
	margin-top: 35px;
}

.i-new .index_main_new .txt .t1 {
	font-family: "syr";
	color: #000000;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.i-new .index_main_new:hover .txt .t1 {
	color: #19AEAE;
}

.i-new .index_main_new .txt .t2 {
	color: #666666;
	font-size: 14px;
	line-height: 2;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.i-new .index_main_new .txt .t3 {
	position: relative;
	margin-top: 30px;
}

.i-new .index_main_new .txt .t3:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	border-top: #bae7e7 solid 1px;
}

.i-new .index_main_new .txt .t3 span {
	position: relative;
	z-index: 1;
	display: inline-block;
	max-width: 100%;
	color: #19aeae;
	font-size: 14px;
	background-color: #FFFFFF;
	padding-right: 50px;
	box-sizing: border-box;
	overflow: hidden;
}

.i-new .index_new_list li {
	position: relative;
	border-bottom: #eeeeee solid 1px;
}

.i-new .index_new_list li:last-child {
	border-bottom: none;
}

.i-new .index_new_list li:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	border-bottom: #19aeae solid 1px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.i-new .index_new_list li:hover:before {
	width: 100%;
}

.i-new .index_new_list li a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 27px 0px;
}

.i-new .index_new_list li .date {
	float: left;
	width: 13.5%;
	font-family: "itc";
	color: #d8dfe5;
	font-size: 16px;
}

.i-new .index_new_list li .date span {
	color: #19aeae;
	font-size: 24px;
}

.i-new .index_new_list li .txt {
	float: left;
	width: 73%;
	color: #000000;
	font-size: 18px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.i-new .index_new_list li:hover .txt {
	color: #19aeae;
}

.i-new .index_new_list li .arrow {
	position: absolute;
	right: 0;
	top: 0;
	width: 13.5%;
	height: 100%;
	background: url(../images/img26.png) left center no-repeat;
	background-size: 19px 12px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}

.i-new .index_new_list li:hover .arrow {
	opacity: 1;
	background: url(../images/img26.png) center no-repeat;
	background-size: 19px 12px;
}

.advert {
	position: relative;
}

.advert a {
	display: block;
	width: 100%;
	height: calc(100vh - 297px);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.advert a .box {
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: right;
}

.advert a .box img {
	max-width: 50%;
}

/**/
/**/
.obanner {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

.obanner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../images/img112.png) top center no-repeat;
	background-size: 100% auto;
}

.obanner>img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
}

.obanner .m_banner {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contact {
	position: relative;
	z-index: 2;
	padding-top: 90px;
	padding-bottom: 8.3%;
	/*overflow: hidden;*/
}

.contact .box {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.contact .way ul {
	margin-top: 35px;
}

.contact .way ul li {
	position: relative;
	float: left;
	width: 33.33%;
	overflow: hidden;
	padding-left: 50px;
	box-sizing: border-box;
}

.contact .way ul li .ic {
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 100%;
	overflow: hidden;
}

.contact .way ul li .ic img {
	max-width: 100%;
}

.contact .way ul li .t1 {
	color: #666666;
	font-size: 14px;
	word-break: break-word;
}

.contact .way ul li .t2 {
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	word-break: break-word;
}

.contact .follow {
	margin-top: 80px;
}

.contact .follow>ul {
	margin-top: 35px;
}

.contact .follow>ul>li {
	float: left;
	width: 33.33%;
	/*overflow: hidden;*/
}

.contact .follow>ul>li .cont {
	display: inline-block;
	min-width: 180px;
}

.contact .follow>ul>li .tit {
	color: #444444;
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom: #eeeeee solid 1px;
	margin-bottom: 18px;
}

.contact .follow>ul>li .img {
	width: 100%;
	overflow: hidden;
}

.contact .follow>ul>li .img img {
	max-width: 100%;
}

.contact .follow>ul>li .share li {
	float: left;
	margin-right: 18px;
	background: #FFFFFF;
	border-radius: 50%;
	/*overflow: hidden;*/
}

.contact .follow>ul>li .share li:last-child {
	margin-right: 0;
}

.contact .follow>ul>li .share li a {
	display: block;
	width: 100%;
}

.contact .follow>ul>li .share li .ic2 {
	display: none;
}

.contact .follow>ul>li .share li:hover .ic1 {
	display: none;
}

.contact .follow>ul>li .share li:hover .ic2 {
	display: inline-block;
}

.contact .follow>ul>li .txt a,
.contact .txt .winbtn {
	display: block;
	width: 100%;
	background: #19aeae;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}

.contact .wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	text-align: right;
	overflow: hidden;
}

.contact .wrap img {}

.o-title {}

.o-title .t1 {
	font-family: 'syr';
	color: #222222;
	font-size: 30px;
}

.contact .follow .o-title .t1,
.latest .wrap .o-title .t1 {
	font-family: 'syl';
}

.workplace .o-title {}

.workplace .o-title .t1 {
	float: left;
	margin-right: 60px;
	font-family: 'sym';
	cursor: pointer;
}

.workplace .o-title .t1.on {
	color: #19aeae;
}

.o-title .t2 {
	color: #666666;
	font-size: 14px;
	line-height: 2;
	margin-top: 20px;
}

.o-title .t3 {
	color: #222222;
	font-size: 30px;
}

.o-title .t4 {
	font-size: 14px;
	color: #999999;
	margin-top: 15px;
}

/**/
@media only screen and (min-width: 1025px) {
	.lunbotu .picBox .imgbg {
		transition: ease 1s;
		transform: scale(2);
	}

	.active .lunbotu .imgbg {
		transform: scale(1);
	}

	.section .pagebg {
		-o-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		-o-transition: ease 2s;
		-ms-transition: ease 2s;
		-moz-transition: ease 2s;
		-webkit-transition: ease 2s;
		transition: ease 2s;
	}

	.section.active .pagebg {
		-o-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	.section .i-product .box {
		opacity: 0;
		transform: translateY(200px);
		transition: all 1.2s ease;
	}

	.section.active .i-product .box {
		opacity: 1;
		transform: translateY(0);
	}

	.section .numbers ul {
		transform: translateY(100%);
		transition: all 1.5s ease;
	}

	.section.active .numbers ul {
		transform: translateY(0);
	}

	.section .numbers ul li .wrap {
		transform: translateY(100%);
	}

	.section .numbers ul li:nth-child(1) .wrap {
		transition: all 1.5s ease 0s;
	}

	.section .numbers ul li:nth-child(2) .wrap {
		transition: all 1.5s ease 0.1s;
	}

	.section .numbers ul li:nth-child(3) .wrap {
		transition: all 1.5s ease 0.2s;
	}

	.section .numbers ul li:nth-child(4) .wrap {
		transition: all 1.5s ease 0.3s;
	}

	.section .numbers ul li:nth-child(5) .wrap {
		transition: all 1.5s ease 0.4s;
	}

	.section .numbers ul li:nth-child(6) .wrap {
		transition: all 1.5s ease 0.5s;
	}

	.section .numbers ul li:nth-child(7) .wrap {
		transition: all 1.5s ease 0.6s;
	}

	.section .numbers ul li:nth-child(8) .wrap {
		transition: all 1.5s ease 0.7s;
	}

	.section.active .numbers ul li .wrap {
		transform: translateY(0);
	}

	/*.section .i-title .t1{
		transform: translateY(200px);
		transition: all 1s ease;
	}
	.section.active .i-title .t1{
		transform: translateY(0);
	}*/
	.section .i-new .index_new_list li {
		/*transform: translateX(100%);*/
		transform: translateX(0);
	}

	.section .i-new .index_new_list li:nth-child(1) {
		transition: all 1s ease 0s;
	}

	.section .i-new .index_new_list li:nth-child(2) {
		transition: all 1s ease 0.1s;
	}

	.section .i-new .index_new_list li:nth-child(3) {
		transition: all 1s ease 0.2s;
	}

	.section .i-new .index_new_list li:nth-child(4) {
		transition: all 1s ease 0.3s;
	}

	.section .i-new .index_new_list li:nth-child(5) {
		transition: all 1s ease 0.4s;
	}

	.section .i-new .index_new_list li:nth-child(6) {
		transition: all 1s ease 0.5s;
	}

	.section.active .i-new .index_new_list li {
		transform: translateX(0);
	}

	.section .i-new .index_main_new .img,
	.section .i-new .index_main_new .txt .t1,
	.section .i-new .index_main_new .txt .t2,
	.section .i-new .index_main_new .txt .t3 {
		transform: translateY(100px);
	}

	.section .i-new .index_main_new .img {
		transition: all 1s ease 0s;
	}

	.section .i-new .index_main_new .txt .t1 {
		transition: all 1s ease 0.2s;
	}

	.section .i-new .index_main_new .txt .t2 {
		transition: all 1s ease 0.4s;
	}

	.section .i-new .index_main_new .txt .t3 {
		transition: all 1s ease 0.6s;
	}

	.section.active .i-new .index_main_new .img,
	.section.active .i-new .index_main_new .txt .t1,
	.section.active .i-new .index_main_new .txt .t2,
	.section.active .i-new .index_main_new .txt .t3 {
		transform: translateY(0);
	}

	.advert a .box .img {
		transform: translateY(200px);
		transition: all 1s ease;
	}

	.section.active .advert a .box .img {
		transform: translateY(0);
	}
}

@media only screen and (max-width: 1680px) {
	.i-banner .box {
		max-width: calc(100% - 200px);
		margin: auto;
	}
}

@media only screen and (max-width: 1366px) {
	.i-product .text .t2 {
		font-size: 17px;
	}
}



@media only screen and (max-width: 768px) {
	.i-banner .box .t1 {
		font-size: 24px;
	}

	.i-banner .box .t2 {
		font-size: 14px;
	}

	.i-banner .box .t3 {
		font-size: 15px;
		margin-top: 15px;
	}

	.i-banner .box .btn {
		margin-top: 30px;
	}

	.i-title .t1 {
		font-size: 24px;
	}

	.o-title .t1 {
		font-size: 24px;
	}

	.o-title .t2 {
		margin-top: 15px;
		line-height: 1.7;
	}

	.o-title .t4 {
		margin-top: 10px;
	}

	.i-product {
		padding-bottom: 70px;
	}

	.i-product .box:before {
		bottom: 30px;
		border-radius: 0px 0px 30px 0px;
	}

	.numbers ul li .wrap {
		padding: 30px 0px;
	}

	.numbers ul li .wrap .t1 .timer {
		font-size: 32px;
	}

	.numbers ul li .wrap .t1 .plus {
		font-size: 20px;
	}

	.numbers ul li .wrap .t2 {
		font-size: 14px;
		margin-top: 10px;
	}

	.i-new {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.i-new .leftbox {
		float: none;
		width: 100%;
	}

	.i-new .index_main_new a {
		padding: 30px;
	}

	.i-new .rightbox {
		float: none;
		width: 100%;
		margin-top: 40px;
	}

	.i-new .index_new_list {
		padding: 0px 5px;
	}

	.contact {
		padding-top: 60px;
		padding-bottom: 80px;
	}

	.contact .way ul li .t2 {
		font-size: 16px;
		margin-top: 10px;
	}

	.contact .follow {
		margin-top: 50px;
	}

	.contact .follow>ul>li .tit {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.contact .follow>ul>li .txt a,
	.contact .txt .winbtn {
		line-height: 44px;
		height: 44px;
	}

}

@media only screen and (max-width: 767px) {
	.i-product {
		padding-top: 70px;
		padding-bottom: 60px;
	}

	.i-product .box:before {
		width: 70px;
		height: 80px;
	}

	.numbers {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.numbers ul li {
		width: 50%;
	}

	.numbers ul li .wrap {
		padding: 25px 0px;
	}

	.numbers ul li:before {
		width: 80%;
	}

	.numbers ul li:after {
		height: 80%;
	}

	.numbers ul li:nth-child(3) i,
	.numbers ul li:nth-child(4n) i {
		display: block;
	}

	.numbers ul li:nth-child(3):before,
	.numbers ul li:nth-child(4):before {
		display: block;
	}

	.numbers ul li:nth-child(4n):after {
		display: block;
	}

	.numbers ul li:nth-child(2n) i,
	.numbers ul li:nth-child(2n):after {
		display: none;
	}

	.i-new .box {
		margin-top: 40px;
	}

	.advert a .box img {
		max-width: 60%;
	}
}

@media only screen and (max-width: 480px) {
	.lunbotu a {
		padding: 36% 0;
	}

	.obanner {
		padding: 36% 0;
	}

	.i-banner .box .t1 {
		font-size: 20px;
	}

	.i-banner .box .btn {
		margin-top: 15px;
	}
}

/**/
.howto {}

.howto .workplace {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #f5f7f9;
}

.howto .workplace .box {
	margin-top: 50px;
}

.howto .workplace .box ul li {
	float: left;
	width: 31.4%;
	margin-right: 2.9%;
}

.howto .workplace .box ul li:nth-child(3n) {
	margin-right: 0;
}

.howto .workplace .box ul li .pic {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 9%;
}

.howto .workplace .box ul li .pic:last-child {
	margin-bottom: 0;
}

.howto .workplace .box ul li .pic a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.howto .workplace .box ul li .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.howto .workplace .box ul li .pic:hover img {
	-webkit-transform: scale(1.03);
	-o-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.howto .workplace .box ul li .pic .mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/img47.png) center bottom no-repeat;
	background-size: 100% auto;
}

.howto .workplace .box ul li .pic .txt {
	position: absolute;
	left: 0;
	bottom: 9%;
	width: 100%;
	box-sizing: border-box;
	padding: 0 9%;
	font-family: "sym";
	color: #ffffff;
	font-size: 20px;
}

/*稳健形象*/
.steady_image {
	position: relative;
	padding-right: 150px;
}

.workplace .box_li {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	/* opacity: 0; */
	display: none;
	visibility: hidden;
}

.workplace .box_li.on {
	position: static;
	/* opacity: 1; */
	display: block;
	visibility: visible;
}

.steady_image .swiper-container {
	position: relative;
	max-width: 1150px;
	width: 100%;
	overflow: hidden;
	margin-left: 0;
}

.steady_image .imgbox {}

.steady_image .imgbox .img {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.steady_image .imgbox .img .mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.steady_image .imgbox .img img {
	width: 100%;
}

.steady_image .imgbox .img .ic {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	margin: auto;
	width: 89px;
	height: 89px;
	background: url(../images/img148.png) center no-repeat;
	background-size: 100% auto;
}

.steady_image .imgbox .img .movie {
	display: none;
}

.steady_image .imgbox .text {
	color: #000000;
	font-family: "syl";
	font-size: 20px;
	margin-top: 30px;
}

.steady_image .arrowbox {
	position: absolute;
	right: 7.2%;
	bottom: 180px;
	z-index: 10;
}

.steady_image .swiper-button-next,
.steady_image .swiper-button-prev {
	position: static;
	display: block;
	width: 50px;
	height: 50px;
	margin-top: 0;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.steady_image .swiper-button-prev {
	margin-bottom: 20px;
}

.steady_image .swiper-button-next,
.steady_image .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/img46.png);
}

.steady_image .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img46a.png);
}

.steady_image .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img45a.png);
}

.steady_image .swiper-button-prev,
.steady_image .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/img45.png);
}

.steady_image .swiper-container-horizontal>.swiper-pagination-bullets,
.steady_image .swiper-pagination-custom,
.steady_image .swiper-pagination-fraction {
	width: auto;
	bottom: auto;
	left: auto;
	top: 10%;
	right: 6%;
	font-size: 18px;
	color: #000000;
	letter-spacing: 2px;
}

.steady_image .swiper-pagination-current {
	font-size: 24px;
	color: #19aeae;
	margin-right: 5px;
}

/**/
.howto .sports_culture {
	padding-top: 75px;
	padding-bottom: 150px;
	background: #FFFFFF;
}

.howto .sports_culture .box {
	background: url(../images/img48.png) left 5% bottom 10% no-repeat;
	background-size: 34.2% auto;
}

.howto .sports_culture .wrap {
	position: relative;
	float: right;
	max-width: 1060px;
	width: 75%;
	overflow: hidden;
}

.howto .sports_culture .m_wrap {
	display: none;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 100px;
}

.howto .sports_culture .pic_box ul li {
	float: left;
	width: -moz-calc((100% - 60px) / 2);
	width: -webkit-calc((100% - 60px) / 2);
	width: calc((100% - 60px) / 2);
	margin-right: 30px;
}

.howto .sports_culture .pic_box ul li:nth-child(odd) {
	padding-top: 10%;
}

.howto .sports_culture .pic {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 10px;
}

.howto .sports_culture .pic:last-child {
	margin-bottom: 0;
}

.howto .sports_culture .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

.howto .sports_culture .pic:hover img {
	-webkit-transform: scale(1.03);
	-o-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

.howto .sports_culture .switch_box {
	position: absolute;
	right: 10%;
	bottom: 0;
	z-index: 10;
}

.howto .sports_culture .swiper-button-next,
.howto .sports_culture .swiper-button-prev {
	position: static;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.howto .sports_culture .swiper-container-horizontal>.swiper-pagination-bullets,
.howto .sports_culture .swiper-pagination-custom,
.howto .sports_culture .swiper-pagination-fraction {
	position: static;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 0px 40px;
	color: #000000;
	font-size: 18px;
	letter-spacing: 4px;
}

.howto .sports_culture .swiper-button-next,
.howto .sports_culture .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/img46.png);
}

.howto .sports_culture .swiper-button-next,
.howto .sports_culture .swiper-button-prev {
	position: static;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}

.howto .sports_culture .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img46a.png);
}

.howto .sports_culture .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img45a.png);
}

.howto .sports_culture .swiper-button-prev,
.howto .sports_culture .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/img45.png);
}

.howto .sports_culture .swiper-pagination-total {}

.howto .sports_culture .swiper-pagination-current {
	color: #19aeae;
	font-size: 24px;
}

@media only screen and (max-width: 1536px) {

	.steady_image .swiper-container-horizontal>.swiper-pagination-bullets,
	.steady_image .swiper-pagination-custom,
	.steady_image .swiper-pagination-fraction {
		right: 3%;
	}

	.steady_image .arrowbox {
		right: 4%;
		bottom: 150px;
	}
}

@media only screen and (max-width: 1440px) {
	.howto .workplace {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.howto .workplace .box ul li .pic .txt {
		font-size: 18px;
	}

	.howto .sports_culture {
		padding-top: 70px;
		padding-bottom: 130px;
	}
}

@media only screen and (max-width: 1366px) {
	.steady_image .arrowbox {
		bottom: 110px;
	}

	.steady_image .imgbox .img .ic {
		width: 80px;
		height: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.howto .workplace {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.howto .sports_culture {
		padding-top: 60px;
		padding-bottom: 100px;
	}

	.howto .sports_culture .box {
		background: url(../images/img48.png) left 5% bottom 10% no-repeat;
		background-size: 50% auto;
	}

	.howto .sports_culture .swiper-button-next,
	.howto .sports_culture .swiper-button-prev {
		width: 45px;
		height: 45px;
	}

	.howto .sports_culture .swiper-container-horizontal>.swiper-pagination-bullets,
	.howto .sports_culture .swiper-pagination-custom,
	.howto .sports_culture .swiper-pagination-fraction {
		padding: 0px 30px;
		font-size: 16px;
	}

	.howto .sports_culture .swiper-pagination-current {
		font-size: 22px;
	}

	.steady_image .imgbox .img .ic {
		width: 70px;
		height: 70px;
	}

	.steady_image .imgbox .text {
		margin-top: 25px;
		font-size: 18px;
	}

	.steady_image .arrowbox {
		bottom: 90px;
	}

	.steady_image .swiper-button-next,
	.steady_image .swiper-button-prev {
		width: 45px;
		height: 45px;
	}
}

@media only screen and (max-width: 768px) {
	.howto .workplace {
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.howto .workplace .box {
		margin-top: 40px;
	}

	.howto .workplace .box ul li {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.howto .workplace .box ul li .pic {
		margin-bottom: 40px;
	}

	.howto .workplace .box ul li .pic:last-child {
		margin-bottom: 40px;
	}

	.howto .sports_culture {
		padding-top: 60px;
		padding-bottom: 80px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.howto .sports_culture .box {
		background: url(../images/img48.png) left 5% bottom 10% no-repeat;
		background-size: 100% auto;
	}

	.howto .sports_culture .wrap {
		display: none;
	}

	.howto .sports_culture .m_wrap {
		display: block;
	}

	.howto .sports_culture .pic_box ul li {
		float: left;
		width: -moz-calc((100% - 40px) / 2);
		width: -webkit-calc((100% - 40px) / 2);
		width: calc((100% - 40px) / 2);
		margin-right: 20px;
	}

	.howto .sports_culture .pic_box ul li .pic {
		margin-bottom: 20px;
	}

	.howto .sports_culture .switch_box {
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}

	.workplace .o-title .t1 {
		margin-right: 40px;
	}

	.steady_image {
		padding-right: 0;
	}

	.steady_image .imgbox .img .ic {
		width: 60px;
		height: 60px;
	}

	.steady_image .swiper-pagination {
		position: static;
		transform: none;
		display: inline-block;
		margin-top: 25px;
	}

	.steady_image .arrowbox {
		position: static;
		float: right;
		margin-top: 15px;
	}

	.steady_image .swiper-button-next,
	.steady_image .swiper-button-prev {
		display: inline-block;
	}

	.steady_image .swiper-button-prev {
		margin-bottom: 0;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 540px) {
	.howto .workplace {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.howto .workplace .box ul {
		padding: 0;
	}

	.howto .workplace .box ul li .pic {
		margin-bottom: 30px;
	}

	.howto .workplace .box ul li .pic:last-child {
		margin-bottom: 30px;
	}

	.howto .workplace .box ul li .pic .txt {
		padding: 0 30px;
		bottom: 30px;
	}

	.howto .sports_culture {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.howto .sports_culture .m_wrap {
		padding-bottom: 80px;
	}

	.howto .sports_culture .swiper-button-next,
	.howto .sports_culture .swiper-button-prev {
		width: 40px;
		height: 40px;
	}

	.howto .sports_culture .swiper-container-horizontal>.swiper-pagination-bullets,
	.howto .sports_culture .swiper-pagination-custom,
	.howto .sports_culture .swiper-pagination-fraction {
		padding: 0 25px;
	}

	.howto .sports_culture .swiper-pagination-current {
		font-size: 20px;
	}

	.steady_image .imgbox .img .ic {
		width: 50px;
		height: 50px;
	}

	.steady_image .imgbox .text {
		margin-top: 20px;
		font-size: 16px;
	}

	.steady_image .swiper-button-next,
	.steady_image .swiper-button-prev {
		width: 40px;
		height: 40px;
	}

	.steady_image .swiper-container-horizontal>.swiper-pagination-bullets,
	.steady_image .swiper-pagination-custom,
	.steady_image .swiper-pagination-fraction {
		font-size: 16px;
	}

	.steady_image .swiper-pagination-current {
		font-size: 20px;
	}
}

@media only screen and (max-width: 414px) {
	.howto .workplace {
		padding-top: 30px;
	}

	.howto .workplace,
	.howto .sports_culture {
		padding-left: 0;
		padding-right: 0;
	}

	.howto .sports_culture {
		padding-top: 40px;
	}

	.howto .workplace .box,
	.howto .sports_culture .m_wrap {
		margin-top: 30px;
	}

	.howto .workplace .box ul li .pic {
		margin-bottom: 25px;
	}

	.howto .workplace .box ul li .pic:last-child {
		margin-bottom: 25px;
	}
}

/**/
.recruit {
	padding-top: 80px;
	padding-bottom: 75px;
	background: #f5f7f9;
}

.recruit .select_box {
	float: left;
	width: 60%;
	/*overflow: hidden;*/
}

.recruit .select_box select {
	float: left;
	width: 200px;
	max-width: -moz-calc((100% - 40px) / 3);
	max-width: -webkit-calc((100% - 40px) / 3);
	max-width: calc((100% - 40px) / 3);
	margin-right: 20px;
	font-size: 14px;
	color: #444444;
	line-height: 56px;
	height: 56px;
	padding-left: 20px;
	padding-right: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #FFFFFF url(../images/img65.png) center right 20px no-repeat;
	background-size: 14px 7px;
	border: none;
	outline: none;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.recruit .select_box select:last-child {
	margin-right: 0;
}

.recruit .select_box .js-dropmenu {
	position: relative;
	float: left;
	width: 200px;
	max-width: -moz-calc((100% - 40px) / 3);
	max-width: -webkit-calc((100% - 40px) / 3);
	max-width: calc((100% - 40px) / 3);
	margin-right: 20px;
}

.recruit .select_box .js-dropmenu:last-child {
	margin-right: 0;
}

.recruit .select_box .drop-tit {
	font-size: 14px;
	color: #444444;
	line-height: 56px;
	height: 56px;
	padding-left: 20px;
	padding-right: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #FFFFFF url(../images/img65.png) center right 20px no-repeat;
	background-size: 14px 7px;
	border: none;
	outline: none;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.recruit .select_box .js-dropmenu-options {
	display: none;
	position: absolute;
	left: 0;
	z-index: 110;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.recruit .select_box .js-dropmenu-options li {
	cursor: pointer;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.recruit .select_box .js-dropmenu-options li:last-child {
	border-bottom: none;
}

.recruit .select_box .js-dropmenu-options li:hover {
	color: #FFFFFF;
	background: #19aeae;
}

.recruit .wrap ul li.animated {
	-webkit-animation-fill-mode: initial;
	animation-fill-mode: initial;
}

.recruit .input_box {
	float: right;
	width: 34.3%;
	overflow: hidden;
}

.recruit .input_box .text {
	float: left;
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 75px;
	background: #FFFFFF url(../images/img66.png) center left 30px no-repeat;
}

.recruit .input_box .text input {
	width: 100%;
	height: 56px;
	line-height: 56px;
	color: #666666;
	font-size: 14px;
	background: none;
	border: none;
	outline: none;
}

.recruit .input_box .btn {
	float: right;
	width: 70px;
	background: #19aeae;
}

.recruit .input_box .btn input {
	width: 100%;
	height: 56px;
	line-height: 56px;
	color: #FFFFFF;
	font-size: 14px;
	background: none;
	border: none;
	outline: none;
}

.recruit .wrap {
	margin-top: 50px;
}

.recruit .wrap ul {
	margin-bottom: 30px;
}

.recruit .wrap ul li {
	float: left;
	width: -moz-calc((100% - 40px) / 2);
	width: -webkit-calc((100% - 40px) / 2);
	width: calc((100% - 40px) / 2);
	margin-right: 40px;
	margin-bottom: 30px;
	padding: 30px 40px;
	box-sizing: border-box;
	overflow: hidden;
	background: #ffffff;
}

.recruit .wrap ul li:nth-child(2n) {
	margin-right: 0;
}

.recruit .wrap ul li a {
	display: block;
	width: 100%;
}

.recruit .wrap ul li .t1 {
	font-family: 'syr';
	color: #222222;
	font-size: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.recruit .wrap ul li:hover .t1 {
	color: #19aeae;
}

.recruit .wrap ul li .t2 {
	color: #666666;
	font-size: 14px;
	margin-top: 15px;
}

.recruit .wrap ul li .t2 span {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 10px;
}

.recruit .wrap ul li .t2 span:last-child {
	margin-right: 0;
}

.recruit .wrap ul li .t3 {
	padding-top: 10px;
}

.recruit .wrap ul li .t3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0px 20px;
	background: #f6f8f9;
	color: #19aeae;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.recruit .wrap ul li:hover .t3 span {
	color: #FFFFFF;
}

.recruit .wrap ul li .t3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #19aeae;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.recruit .wrap ul li:hover .t3 span:before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.recruit_detail {
	padding-top: 60px;
	padding-bottom: 100px;
	background: #f5f7f9;
}

.recruit_detail .box {
	padding: 60px 70px 90px;
	background: #FFFFFF;
	box-shadow: 0px 2px 28px rgba(4, 27, 71, 0.08);
}

.recruit_detail .box .title {
	padding-bottom: 30px;
	border-bottom: #eeeeee solid 1px;
}

.recruit_detail .box .title .t1 {
	font-family: 'syr';
	color: #222222;
	font-size: 20px;
}

.recruit_detail .box .title .t2 {
	color: #666666;
	font-size: 14px;
	margin-top: 15px;
}

.recruit_detail .box .title .t2 span {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 10px;
}

.recruit_detail .wrap {
	color: #666666;
	font-size: 14px;
	line-height: 2;
	padding: 35px 0px;
}

.recruit_detail .other {
	margin-top: 20px;
	overflow: hidden;
}

.recruit_detail .other .btn {
	float: left;
}

.recruit_detail .other .btn a {
	display: inline-block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: 'syr';
	color: #FFFFFF;
	font-size: 16px;
	background: #19aeae;
}

.recruit_detail .other .btn a img {
	display: inline-block;
	margin-right: 10px;
}

.recruit_detail .other .txt {
	float: right;
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
	overflow: hidden;
	color: #777777;
	font-size: 16px;
	line-height: 2;
	margin-top: 10px;
	text-align: right;
}

@media only screen and (max-width: 1440px) {
	.recruit {
		padding-top: 70px;
	}

	.recruit .input_box .text {
		width: -moz-calc(100% - 70px);
		width: -webkit-calc(100% - 70px);
		width: calc(100% - 70px);
		padding-left: 60px;
		background: #FFFFFF url(../images/img66.png) center left 20px no-repeat;
	}

	.recruit .input_box .btn {
		width: 60px;
	}

	.recruit .wrap ul li {
		padding: 25px 30px;
	}

	.recruit_detail {
		padding-bottom: 90px;
	}

	.recruit_detail .box {
		padding: 50px 60px 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.recruit {
		padding-top: 60px;
	}

	.recruit .select_box select,
	.recruit .select_box .drop-tit {
		height: 50px;
		line-height: 50px;
	}

	.recruit .input_box .text input,
	.recruit .input_box .btn input {
		height: 50px;
		line-height: 50px;
	}

	.recruit .wrap ul li {
		width: -moz-calc((100% - 30px) / 2);
		width: -webkit-calc((100% - 30px) / 2);
		width: calc((100% - 30px) / 2);
		margin-right: 30px;
		margin-bottom: 25px;
	}

	.recruit_detail {
		padding-bottom: 80px;
	}

	.recruit_detail .box {
		padding: 40px 50px 60px;
	}

	.recruit_detail .box .title {
		padding-bottom: 20px;
	}

	.recruit_detail .wrap {
		padding: 20px 0px 30px;
	}

	.recruit_detail .other .btn a {
		height: 45px;
		line-height: 45px;
	}

	.recruit_detail .other .txt {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 768px) {
	.recruit {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.recruit .select_box,
	.recruit .input_box {
		float: none;
		width: 100%;
	}

	.recruit .input_box {
		margin-bottom: 25px;
	}

	.recruit .select_box select,
	.recruit .select_box .js-dropmenu {
		width: -webkit-calc((100% - 40px) / 3);
		width: calc((100% - 40px) / 3);
	}

	.recruit .wrap ul li {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.recruit .wrap ul li .t2 span {
		margin-right: 25px;
	}

	.recruit_detail {
		padding-top: 50px;
		padding-bottom: 70px;
	}

	.recruit_detail .box {
		padding: 30px 40px 50px;
	}

	.recruit_detail .box .title {
		padding-bottom: 15px;
	}

	.recruit_detail .box .title .t1 {
		font-size: 18px;
	}

	.recruit_detail .wrap {
		padding: 15px 0px 25px;
	}

	.recruit_detail .other .txt {
		font-size: 14px;
		margin-bottom: 10px;
	}

}

@media only screen and (max-width: 540px) {
	.recruit {
		padding-top: 30px;
	}

	.recruit .select_box select,
	.recruit .select_box .js-dropmenu {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		height: 45px;
		line-height: 45px;
	}

	.recruit .input_box .text input,
	.recruit .input_box .btn input,
	.recruit .select_box .drop-tit {
		height: 45px;
		line-height: 45px;
	}

	.recruit .select_box select:last-child {
		margin-bottom: 0;
	}

	.recruit .wrap {
		margin-top: 40px;
	}

	.recruit .wrap ul {
		margin-bottom: 20px;
	}

	.recruit .wrap ul li {
		padding: 25px;
	}

	.recruit .wrap ul li .t1 {
		font-size: 16px;
	}

	.recruit_detail {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.recruit_detail .box {
		padding: 30px 25px 40px;
	}

	.recruit_detail .other .btn {
		float: none;
		width: 100%;
	}

	.recruit_detail .other .btn a {
		width: 140px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.recruit_detail .other .txt {
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 414px) {
	.recruit {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.recruit .wrap ul li {
		padding: 20px;
	}
}

/*new*/
.main_new {
	padding-top: 75px;
}

.main_new .conwidth {
	position: relative;
}

.main_new .box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.main_new .m_new {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.main_new .m_new a {
	display: block;
	width: 100%;
}

.main_new .m_new .img {
	width: 100%;
	overflow: hidden;
}

.txt_swiper {
	position: absolute;
	top: 50%;
	left: 6.4%;
	z-index: 12;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.9);
	width: 370px;
	padding: 2.9% 2.9% 3.5%;
	box-sizing: border-box;
	overflow: hidden;
}

.main_new .txt {
	margin-bottom: 40px;
	/*position: absolute;
	top: 50%;
	left: 6.4%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #FFFFFF;
	width: 370px;
	padding: 2.9% 2.9% 130px;
	box-sizing: border-box;*/
}

.main_new .txt .t1 {
	font-family: "itc";
	color: #19aeae;
	font-size: 16px;
}

.main_new .txt .t2 {
	color: #222222;
	font-size: 20px;
	line-height: 1.6;
	margin-top: 20px;
}

.main_new .txt .t3 {
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}

.main_new .switch_box {
	/*position: absolute;
	left: 0;
	bottom: 15%;
	z-index: 10;*/
	overflow: hidden;
	width: 100%;
	/*padding: 0 10% 0 10%;*/
	box-sizing: border-box;
}

.main_new .arrow_box {
	float: left;
}

.main_new .swiper-button-next,
.main_new .swiper-button-prev {
	position: static;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.main_new .swiper-container-horizontal>.swiper-pagination-bullets,
.main_new .swiper-pagination-custom,
.main_new .swiper-pagination-fraction {
	position: static;
	float: right;
	width: auto;
	font-family: "itc";
	color: #666666;
	font-size: 14px;
	line-height: 40px;
}

.main_new .swiper-button-next,
.main_new .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/img51.png);
}

.main_new .swiper-button-prev {
	margin-right: 15px;
}

.main_new .swiper-button-next,
.main_new .swiper-button-prev {
	position: static;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

.main_new .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img51a.png);
}

.main_new .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img50a.png);
}

.main_new .swiper-button-prev,
.main_new .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/img50.png);
}

.main_new .swiper-pagination-total {}

.main_new .swiper-pagination-current {
	color: #19aeae;
	font-size: 20px;
}

.new_list {
	padding-top: 75px;
	padding-bottom: 75px;
}

.new_list .screen {
	color: #000000;
	font-size: 16px;
	line-height: 2;
	padding-bottom: 30px;
	border-bottom: #eeeeee solid 1px;
}

.new_list .screen .tit {
	float: left;
	width: 100px;
	margin-bottom: 10px;
}

.new_list .screen .year {
	float: left;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}

.new_list .screen .year a {
	display: inline-block;
	margin-right: 60px;
	color: #000000;
	font-size: 16px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.new_list .screen .year a:hover,
.new_list .screen .year a.on {
	color: #19aeae;
}

.new_list ul {
	margin-bottom: 65px;
}

.new_list ul li {
	position: relative;
	border-bottom: #eeeeee solid 1px;
}

.new_list ul li:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	border-bottom: #19aeae solid 1px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.new_list ul li:hover:before {
	width: 100%;
}

.new_list ul li a {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	padding-left: 10%;
	padding-right: 12%;
	box-sizing: border-box;
	font-size: 0;
}

.new_list ul li .img {
	display: inline-block;
	vertical-align: middle;
	width: 320px;
	overflow: hidden;
}

.new_list ul li .img img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.new_list ul li:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.new_list ul li .text {
	display: inline-block;
	vertical-align: middle;
	width: -moz-calc(100% - 320px);
	width: -webkit-calc(100% - 320px);
	width: calc(100% - 320px);
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 4.3%;
}

.new_list ul li .text .t1 {
	color: #000000;
	font-size: 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_list ul li:hover .text .t1 {
	color: #19aeae;
}

.new_list ul li .text .t2 {
	color: #666666;
	font-size: 14px;
	line-height: 2;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new_list ul li .date {
	position: absolute;
	left: 0;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: left;
}

.new_list ul li .date .t1 {
	color: #222222;
	font-size: 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.new_list ul li .date .line {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 15px;
	height: 1px;
	background: #dcdcdc;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.new_list ul li .date .t2 {
	color: #222222;
	font-size: 16px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.new_list ul li:hover .date .t1,
.new_list ul li:hover .date .t2 {
	color: #19aeae;
}

.new_list ul li:hover .date .line {
	background: #19aeae;
}

.new_list ul li .arrow {
	position: absolute;
	right: 0;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px;
	height: 50px;
	border-left: #eeeeee solid 1px;
	background: url(../images/img57.png) center no-repeat;
	background-size: 17px 14px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.new_list ul li:hover .arrow {
	background: url(../images/img57a.png) center no-repeat;
	background-size: 17px 14px;
}

.page {
	width: 100%;
	text-align: center;
}

.page-list {
	font-size: 0;
}

.page-list a {
	display: inline-block;
	vertical-align: top;
	padding: 0px 10px;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 5px;
	margin-right: 15px;
	text-align: center;
	font-size: 16px;
	color: #999999;
	background: #f5f5f5;
	border-radius: 50%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page-list a:last-child {
	margin-right: 0;
}

.page-list a .ic2 {
	display: none;
}

.page-list a:hover .ic1 {
	display: none;
}

.page-list a:hover .ic2 {
	display: block;
}

.page-list a.fyprev,
.page-list a.fynext {
	font-size: 0;
	/*min-width: 1px;
	width: auto;*/
	padding: 0;
}

.page-list a.fyprev:hover,
.page-list a.fynext:hover {
	background: none;
}

.page-list a.fyprev img,
.page-list a.fynext img {
	max-width: 100%;
}

/*.page-list a.fyprev{
	border: none;
	background: url(../images/img100.png) center no-repeat;
}
.page-list a.fynext{
	border: none;
	background: url(../images/img101.png) center no-repeat;
}
.page-list a.fyprev:hover{
	border: none;
	background: url(../images/img42a.png) center no-repeat;
}
.page-list a.fynext:hover{
	border: none;
	background: url(../images/img43a.png) center no-repeat;
}*/

.page-list a:hover,
.page-list a.on {
	color: #FFFFFF;
	border: none;
	background: #19aeae;
}

.new_detail {
	margin-top: -35px;
	padding-top: 100px;
	padding-bottom: 110px;
	background: #eff3f6;
}

.new_detail .box {
	max-width: 1300px;
	width: 100%;
	margin: auto;
}

.new_detail .box .wrap {
	padding: 6% 7.6%;
	background-color: #FFFFFF;
}

.new_detail .box .title .tit {
	font-family: 'syr';
	color: #000000;
	font-size: 24px;
}

.new_detail .box .title .infor {
	margin-top: 15px;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: #eeeeee solid 1px;
}

.new_detail .box .title .infor .txt {
	float: left;
	width: 85%;
	overflow: hidden;
	color: #aeb1b5;
	font-size: 14px;
	line-height: 28px;
}

.new_detail .box .title .infor .txt span {
	display: inline-block;
	margin-right: 60px;
}

.new_detail .box .title .infor .size {
	float: right;
	color: #444444;
	font-size: 14px;
}

.new_detail .box .title .infor .size .enlarge {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.new_detail .box .title .infor .size .reduce {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.new_detail .box .details {
	color: #666666;
	font-size: 16px;
	line-height: 2;
	padding: 40px 0px 0px;
}

.new_detail .box .details img {
	display: block;
	margin: auto;
}

.new_detail .read_on {
	margin-top: 50px;
}

.new_detail .read_on .subtit {
	color: #666666;
	font-size: 16px;
}

.new_detail .nextprev {
	position: relative;
	margin-top: 20px;
	background: #FFFFFF;
	overflow: hidden;
}

.new_detail .nextprev:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #eeeeee;
}

.new_detail .nextprev ul li {
	float: left;
	width: 50%;
	overflow: hidden;
	padding: 30px 50px;
	box-sizing: border-box;
}

.new_detail .nextprev ul li:nth-child(2n) {
	margin-right: 0;
}

.new_detail .nextprev ul li:hover {
	background: #fafafa;
}

.new_detail .nextprev ul li .ic a {
	color: #222222;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.new_detail .nextprev ul li:hover .ic a {
	color: #19aeae;
}

.new_detail .nextprev ul li .ic.last_ic a {
	padding-left: 20px;
	background: url(../images/img63.png) center left no-repeat;
	background-size: 7px 13px;
}

.new_detail .nextprev ul li:hover .ic.last_ic a {
	background: url(../images/img63a.png) center left no-repeat;
	background-size: 7px 13px;
}

.new_detail .nextprev ul li .ic.next_ic {
	text-align: right;
}

.new_detail .nextprev ul li .ic.next_ic a {
	padding-right: 20px;
	background: url(../images/img64.png) center right no-repeat;
	background-size: 7px 13px;
}

.new_detail .nextprev ul li:hover .ic.next_ic a {
	background: url(../images/img64a.png) center right no-repeat;
	background-size: 7px 13px;
}

.new_detail .nextprev ul li .txt {
	margin-top: 18px;
}

.new_detail .nextprev ul li .txt a {
	display: block;
	width: 100%;
}

.new_detail .nextprev ul li .txt .t1 {
	color: #000000;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.new_detail .nextprev ul li:hover .txt .t1 {
	color: #19aeae;
}

.new_detail .nextprev ul li .txt .t2 {
	color: #aeb1b5;
	font-size: 14px;
	margin-top: 15px;
}

@media only screen and (max-width: 1680px) {
	.new_detail {
		margin-top: -30px;
		padding-top: 90px;
	}
}

@media only screen and (max-width: 1440px) {

	.main_new .txt .t2 {
		font-size: 18px;
		margin-top: 15px;
	}

	.main_new .txt .t3 {
		margin-top: 15px;
	}

	.new_list {
		padding-top: 60px;
	}

}

@media only screen and (max-width: 1280px) {
	.new_detail {
		margin-top: -25px;
		padding-bottom: 90px;
	}

	.main_new {
		padding-top: 60px;
	}

	.new_list .screen {
		padding-bottom: 25px;
	}
}

@media only screen and (max-width: 1199px) {
	.new_detail {
		margin-top: -45px;
		padding-top: 100px;
	}
}

@media only screen and (max-width: 1024px) {
	.new_detail .box .title .infor .txt span {
		margin-right: 30px;
	}

	.new_detail {
		padding-top: 90px;
		padding-bottom: 80px;
	}

	.new_detail .box .wrap {
		padding: 50px;
	}

	.new_detail .nextprev ul li {
		padding: 30px 40px;
	}

	.new_detail .nextprev ul li .txt .t1 {
		font-size: 16px;
	}

	/*分页*/
	.page-list a {
		min-width: 45px;
		height: 45px;
		line-height: 45px;
	}

	.page-list a.fyprev,
	.page-list a.fynext {
		width: 45px;
	}

	.main_new .conwidth {
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	}

	.main_new .txt_swiper {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 30px;
		padding: 0 0 30px;
	}

	.main_new .txt_swiper .txt {
		padding: 0px 30px;
		margin-bottom: 30px;
	}

	.main_new .switch_box {
		position: static;
		width: 100%;
		padding: 0px 30px;
	}

	.new_list .screen {
		padding-bottom: 15px;
	}

	.new_list .screen .year a {
		margin-right: 40px;
	}

	.new_list ul li a {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.new_list ul li .img {
		width: 250px;
	}

	.new_list ul li .text {
		width: -moz-calc(100% - 250px);
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
	}

	.new_list ul li .text .t1,
	.new_list ul li .date .t1 {
		font-size: 18px;
	}

	.new_list ul li .date .line {
		margin-top: 10px;
		margin-bottom: 10px;
	}

}

@media only screen and (max-width: 768px) {
	.new_detail .box .title .infor .txt {
		float: none;
		width: 100%;
	}

	.new_detail .box .title .infor .txt span {
		margin-right: 20px;
	}

	.new_detail .box .title .infor .size {
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 10px;
	}

	.new_detail {
		padding-bottom: 70px;
	}

	.new_detail .box .wrap {
		padding: 40px;
	}

	.new_detail .nextprev:before {
		display: none;
	}

	.new_detail .nextprev ul li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
		padding: 20px 30px;
	}

	.new_detail .nextprev ul li:last-child {
		margin-bottom: 0;
	}

	.new_detail .nextprev ul li .txt {
		overflow: hidden;
		margin-top: 10px;
	}

	.new_detail .nextprev ul li .txt .t1 {
		float: left;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
		font-size: 16px;
		line-height: 28px;
	}

	.new_detail .nextprev ul li .txt .t2 {
		float: right;
		width: 80px;
		text-align: right;
		margin-top: 0;
		line-height: 28px;
	}

	.new_detail .nextprev ul li .ic.next_ic {
		text-align: left;
	}

	/*分页*/
	.page-list a {
		min-width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.page-list a.fyprev,
	.page-list a.fynext {
		width: 40px;
	}

	.main_new {
		padding-top: 50px;
	}

	.new_list {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.new_list ul {
		margin-bottom: 50px;
	}

	.new_list ul li a {
		padding-left: 80px;
	}

	.new_list ul li .arrow {
		width: 50px;
		margin-left: 20px;
	}

	.new_list ul li .img {
		width: 200px;
	}

	.new_list ul li .text {
		width: -moz-calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
	}
}

@media only screen and (max-width: 640px) {
	.main_new {
		padding-top: 40px;
	}

	.main_new .txt_swiper {
		margin-top: 20px;
		padding-bottom: 25px;
	}

	.main_new .txt_swiper .txt {
		padding: 0px 20px;
		margin-bottom: 20px;
	}

	.main_new .txt .t2 {
		margin-top: 10px;
		font-size: 16px;
	}

	.main_new .switch_box {
		padding: 0px 20px;
	}

	.new_list .screen {
		margin-bottom: 30px;
	}

	.new_list .screen .tit,
	.new_list .screen .year {
		float: none;
		width: 100%;
	}

	.new_list .screen .year a {
		margin-right: 25px;
		margin-bottom: 6px;
	}

	.new_list ul li {
		margin-bottom: 30px;
	}

	.new_list ul li a {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 20px;
	}

	.new_list ul li .img {
		float: none;
		width: 100%;
	}

	.new_list ul li .text {
		float: none;
		width: 100%;
		padding: 20px;
	}

	.new_list ul li .date {
		position: static;
		transform: none;
		float: left;
		padding-left: 20px;
		line-height: 30px;
	}

	.new_list ul li .date .t1 {
		display: inline-block;
		vertical-align: middle;
	}

	.new_list ul li .date .line {
		display: inline-block;
		vertical-align: middle;
		transform: rotate(-60deg);
	}

	.new_list ul li .date .t2 {
		display: inline-block;
		vertical-align: middle;
	}

	.new_list ul li .arrow {
		position: static;
		transform: none;
		border-left: none;
		float: right;
		padding-right: 20px;
		height: 30px;
	}

	.new_list ul li .text .t1,
	.new_list ul li .date .t1 {
		font-size: 16px;
	}

	/*.i-new .index_new_list li .date{
		text-align: center;
	}
	.i-new .index_new_list li .date span{
		display: block;
	}*/
}

@media only screen and (max-width: 580px) {
	.main_new {
		padding-top: 30px;
	}

	.new_detail {
		padding-top: 105px;
		margin-top: -80px;
	}
}

@media only screen and (max-width: 540px) {
	.new_detail .box .title .tit {
		font-size: 20px;
	}

	.new_detail {
		padding-bottom: 50px;
	}

	.new_detail .box .wrap {
		padding: 25px;
	}

	.new_detail .box .details {
		font-size: 15px;
	}

	.new_detail .read_on {
		margin-top: 40px;
	}

	.new_detail .nextprev ul li {
		padding: 15px 20px;
	}

	.new_detail .nextprev ul li .txt .t1 {
		float: none;
		width: 100%;
		font-size: 15px;
	}

	.new_detail .nextprev ul li .txt .t2 {
		float: none;
		width: 100%;
		text-align: left;
	}

	/*分页*/
	.page-list a {
		min-width: 36px;
		height: 36px;
		line-height: 36px;
		margin-right: 10px;
	}

	.page-list a.fyprev,
	.page-list a.fynext {
		width: 36px;
	}

	.new_list {
		padding-bottom: 50px;
	}

	.new_list ul {
		margin-bottom: 40px;
	}

	.new_list .screen .year a {
		margin-right: 20px;
	}

}

/*投资者关系*/
/*最新公告*/
.latest {
	padding-top: 60px;
	padding-bottom: 60px;
}

.latest .box {
	padding: 4.5% 5%;
	background: #f4f4f4;
}

.latest .l-box {
	float: left;
	width: 25.8%;
	overflow: hidden;
	border-right: #e5e5e5 solid 1px;
	box-sizing: border-box;
}

.latest .l-box .t1 {
	color: #444444;
	font-size: 20px;
}

.latest .l-box .t2 {
	color: #444444;
	font-size: 14px;
	margin-top: 20px;
}

.latest .l-box .t2 .sp {
	display: inline-block;
	vertical-align: baseline;
	font-size: 50px;
	margin-right: 5px;
}

.latest .l-box.up .t2 .sp {
	color: #de1000;
}

.latest .l-box.down .t2 .sp {
	color: #43b610;
}

.latest .l-box .t2 .icon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 45px;
}

.latest .l-box .t2 .icon img {}

.latest .l-box .t2 .icon .ic1,
.latest .l-box .t2 .icon .ic2 {
	display: none;
}

.latest .l-box.up .t2 .icon .ic1 {
	display: block;
}

.latest .l-box.down .t2 .icon .ic2 {
	display: block;
}

.latest .l-box .t3 {
	color: #444444;
	font-size: 14px;
	margin-top: 20px;
}

.latest .l-box.up .t3 span {
	color: #de1000;
}

.latest .l-box.down .t3 span {
	color: #43b610;
}

.latest .r-box {
	float: left;
	width: 74.2%;
	padding-left: 7%;
	box-sizing: border-box;
	overflow: hidden;
}

.latest .r-box ul li {
	float: left;
	width: 25%;
	padding-right: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.latest .r-box ul li .t1 {
	color: #444444;
	font-size: 14px;
}

.latest .r-box ul li .t2 {
	color: #000000;
	font-size: 30px;
	margin-top: 20px;
}

.latest .r-box .text {
	padding-top: 15px;
	color: #666666;
	font-size: 14px;
	line-height: 2;
}

.latest .wrap {
	margin-top: 70px;
}

.research .survey_wrap {
	max-height: 500px;
	overflow-y: auto;
}

.research .survey_wrap::-webkit-scrollbar {
	width: 9px;
	background-color: #fff;
}

.research .survey_wrap::-webkit-scrollbar-thumb {
	border: solid 2px #fff;
	width: 5px;
	border-radius: 4px;
	background-color: #19aeae;
}

.research .survey_wrap::-webkit-scrollbar-corner {
	background-color: #fff;
}

.research .survey_wrap::-webkit-scrollbar:horizontal {
	height: 9px;
}

.survey_wrap ul {
	margin-bottom: 50px;
	margin-top: 25px;
	border-top: #eeeeee solid 1px;
}

.survey_wrap ul li {
	border-bottom: #eeeeee solid 1px;
	overflow: hidden;
}

.survey_wrap ul li a {
	display: block;
	width: 100%;
	padding: 25px 0px;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 5%;
	background: url(../images/img69.png) right 2% top 27px no-repeat;
}

.survey_wrap ul li .date {
	float: left;
	width: 11%;
	border-right: #eeeeee solid 1px;
	overflow: hidden;
	box-sizing: border-box;
	/*font-family: "itc";*/
	font-weight: bold;
	font-size: 18px;
	color: #999999;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.survey_wrap ul li .txt {
	float: left;
	width: 89%;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 3%;
	color: #000000;
	font-size: 16px;
	line-height: 1.8;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.survey_wrap ul li:hover .date,
.survey_wrap ul li:hover .txt {
	color: #19aeae;
}

@media only screen and (max-width: 1440px) {
	.latest .l-box .t1 {
		font-size: 18px;
	}

	.latest .l-box .t2 .sp {
		font-size: 42px;
	}

	.latest .r-box ul li .t2 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 1024px) {
	.latest .box {
		padding: 30px;
	}

	.latest .wrap {
		margin-top: 60px;
	}

	.latest .l-box .t1 {
		font-size: 16px;
	}

	.latest .l-box .t2 .sp {
		font-size: 36px;
	}

	.latest .r-box ul li .t2 {
		font-size: 24px;
	}

	.survey_wrap ul li a {
		padding-right: 50px;
	}

	.survey_wrap ul li .date {
		width: 110px;
		font-size: 16px;
		line-height: 1.8;
	}

	.survey_wrap ul li .txt {
		width: -webkit-calc(100% - 110px);
		width: calc(100% - 110px);
		padding-left: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.latest {
		padding-top: 50px;
	}

	.latest .wrap {
		margin-top: 50px;
	}

	.latest .l-box {
		float: none;
		width: 100%;
		border-right: none;
	}

	.latest .l-box .t2 {
		display: inline-block;
		margin-right: 30px;
	}

	.latest .l-box .t2 .sp {
		font-size: 32px;
	}

	.latest .l-box .t2 .icon {
		margin-left: 20px;
	}

	.latest .l-box .t3 {
		display: inline-block;
	}

	.latest .r-box {
		padding-left: 0;
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.latest .r-box ul li .t2 {
		font-size: 20px;
		margin-top: 15px;
	}

	.survey_wrap ul li a {
		padding-top: 20px;
		padding-bottom: 20px;
		background: url(../images/img69.png) right 2% top 21px no-repeat;
	}
}

@media only screen and (max-width: 540px) {
	.latest {
		padding-top: 30px;
	}

	.latest .box {
		padding: 25px;
	}

	.latest .l-box .t2,
	.latest .l-box .t3 {
		display: block;
	}

	.latest .l-box .t3 {
		margin-top: 15px;
	}

	.latest .r-box ul li {
		/*width: 33.    33%;*/
		width: 50%;
	}

	.latest .r-box ul li:nth-child(3n) {
		padding-right: 0;
	}

	.latest .r-box .text {
		padding-top: 0;
	}

	.latest .wrap {
		margin-top: 40px;
	}

	.survey_wrap ul {
		margin-top: 20px;
	}

	.survey_wrap ul li a {
		padding-top: 15px;
		padding-bottom: 15px;
		background: url(../images/img69.png) right 2% top 16px no-repeat;
	}

	.survey_wrap ul li .date {
		float: none;
		width: 100%;
		border-right: none;
	}

	.survey_wrap ul li .txt {
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 5px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 414px) {
	.survey_wrap ul li a {
		background: url(../images/img69.png) right 2% top 18px no-repeat;
		background-size: 18px 21px;
	}
}

@media only screen and (max-width: 360px) {
	.latest .box {
		padding: 20px;
	}
}

/*定期报告*/
.periodic_report {
	padding-top: 65px;
	padding-bottom: 90px;
	background: #f5f6f7;
}

.periodic_report .sw_box ul li {
	position: relative;
	float: left;
	margin-right: 96px;
}

.periodic_report .sw_box ul li a,
.periodic_report .sw_box ul li span {
	position: relative;
	padding: 0px 5px 15px;
	color: #000000;
	font-size: 30px;
}

.periodic_report .sw_box ul li.on a,
.periodic_report .sw_box ul li.on span {
	color: #19aeae;
}

.periodic_report .sw_box ul li.on:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #19aeae;
}

.periodic_report .box {
	margin-top: 50px;
}

.periodic_report .box_li {
	/*display: none;*/
}

.ir_screen {
	color: #222222;
	line-height: 2;
	font-size: 16px;
	padding-bottom: 30px;
	overflow: hidden;
}

.ir_screen .tit {
	float: left;
	width: 100px;
	margin-bottom: 10px;
}

.ir_screen .year {
	float: left;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}

.ir_screen .year ul li {
	position: relative;
	float: left;
	padding-left: 30px;
	margin-right: 30px;
	background: url(../images/img70.png) left -50px center no-repeat;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ir_screen .year ul li a {
	font-family: 'syr';
	color: #222222;
}

.ir_screen .year ul li.on a,
.ir_screen .year ul li:hover a {
	color: #19aeae;
}

.ir_screen .year ul li.on,
.ir_screen .year ul li:hover {
	background: url(../images/img70.png) left center no-repeat;
}

.notice_box {}

.notice_box ul {
	padding-bottom: 35px;
}

.notice_box ul li {
	float: left;
	width: 31.4%;
	margin-right: 2.9%;
	margin-bottom: 2.2%;
}

.notice_box ul li:nth-child(3n) {
	margin-right: 0;
}

.notice_li {
	background: #ffffff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.notice_li:hover {
	background: #19aeae;
	box-shadow: 0px 1px 38px rgba(25, 174, 174, 0.19);
}

.notice_li a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 11% 6.8% 9% 9%;
}

.notice_li a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -50%;
	width: 100%;
	height: 100%;
	background: url(../images/img73.png) bottom center no-repeat;
	background-size: 100% auto;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.notice_li:hover a:before {
	bottom: 0;
}

.notice_li .t1 {
	font-family: 'syr';
	color: #999999;
	font-size: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.notice_li .t2 {
	color: #000000;
	font-size: 18px;
	line-height: 1.7;
	margin-top: 15px;
	height: 92px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.notice_li:hover .t1,
.notice_li:hover .t2,
.notice_li:hover .t3 .more {
	color: #FFFFFF;
}

.notice_li .t3 {
	margin-top: 10px;
	overflow: hidden;
}

.notice_li .t3 .more {
	float: left;
	display: inline-block;
	color: #19aeae;
	font-size: 16px;
	padding-right: 28px;
	background: url(../images/img74.png) center right no-repeat;
	background-size: 17px 13px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.notice_li.on .t3 .more,
.notice_li:hover .t3 .more {
	background: url(../images/img75.png) center right no-repeat;
	background-size: 17px 13px;
}

.notice_li .icon {
	float: right;
	width: 30px;
	height: 25px;
	background: url(../images/img71.png) right center no-repeat;
}

.notice_li:hover .icon {
	background: url(../images/img72.png) right center no-repeat;
}

@media only screen and (max-width: 1440px) {
	.periodic_report {
		padding-bottom: 70px;
	}

	.periodic_report .sw_box ul li {
		margin-right: 80px;
	}

	.periodic_report .sw_box ul li a,
	.periodic_report .sw_box ul li span {
		font-size: 28px;
	}
}

@media only screen and (max-width: 1024px) {
	.periodic_report .sw_box ul li {
		margin-right: 60px;
	}

	.periodic_report .box {
		margin-top: 40px;
	}

	.ir_screen {
		padding-bottom: 20px;
	}

	.ir_screen .year ul li {
		padding-left: 25px;
		margin-right: 25px;
	}

	.periodic_report .sw_box ul li a,
	.periodic_report .sw_box ul li span {
		font-size: 24px;
	}

	.notice_box ul li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}

	.notice_box ul li:nth-child(3n) {
		margin-right: 4%;
	}

	.notice_box ul li:nth-child(2n) {
		margin-right: 0;
	}

	.notice_li .t1 {
		font-size: 16px;
	}

	.notice_li .t2 {
		font-size: 16px;
		height: 82px;
		margin-top: 10px;
	}

	.notice_li .t3 .more {
		font-size: 15px;
	}
}

@media only screen and (max-width: 768px) {
	.periodic_report {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.periodic_report .box {
		margin-top: 30px;
	}

	.periodic_report .sw_box ul li {
		margin-right: 40px;
	}

	.ir_screen .year ul li {
		padding-left: 20px;
		margin-right: 20px;
	}

	.periodic_report .sw_box ul li a,
	.periodic_report .sw_box ul li span {
		font-size: 20px;
	}

	.notice_li .t1 {
		font-size: 16px;
	}

	.notice_li .t2 {
		font-size: 16px;
		height: 82px;
		margin-top: 10px;
	}

	.notice_li .t3 .more {
		font-size: 15px;
	}
}

@media only screen and (max-width: 540px) {
	.periodic_report {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.ir_screen .tit,
	.ir_screen .year {
		float: none;
		width: 100%;
	}

	.ir_screen .year ul li {
		padding-left: 15px;
		margin-right: 15px;
	}

	.periodic_report .sw_box ul li {
		margin-right: 25px;
	}

	.periodic_report .sw_box ul li.on:before {
		height: 2px;
	}

	.periodic_report .sw_box ul li a,
	.periodic_report .sw_box ul li span {
		font-size: 18px;
		padding-bottom: 12px;
	}

	.notice_box ul {
		padding-bottom: 20px;
	}

	.notice_box ul li {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}

	.notice_li a {
		padding: 25px;
	}

	.notice_li a:before {
		background: url(../images/img73.png) bottom center no-repeat;
		background-size: 100% 40%;
	}

	.notice_li .t2 {
		height: auto;
	}

	.notice_li .t3 {
		margin-top: 15px;
	}
}

/**/
.governance {
	padding-top: 90px;
	padding-bottom: 65px;
	background: #f5f6f7;
}

.governance .ir_screen {
	margin-top: 30px;
}

.g_notice_box {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 75px;
}

.g_notice_box .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}

.g_notice_box .swiper-pagination-bullet-active {
	background: #19aeae;
}

.introduction {
	padding-top: 100px;
	padding-bottom: 70px;
	background-color: #FFFFFF;
}

.introduction .box {
	margin-top: 40px;
}

.introduction .box ul li {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 3.6%;
	padding-right: 7.2%;
	background: #f5f6f7;
	overflow: hidden;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

.introduction .box ul li.on,
.introduction .box ul li:hover {
	background-color: #FFFFFF;
	box-shadow: 0px 5px 23px rgba(0, 0, 0, 0.08);
}

.introduction .box ul li.on:before {
	content: '';
	position: absolute;
	left: 0;
	top: 30px;
	width: 4px;
	height: 26px;
	background: #19aeae;
}

.introduction .box ul li .tit {
	position: relative;
	font-family: 'syr';
	color: #000000;
	font-size: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.introduction .box ul li.on .tit {
	color: #19aeae;
}

.introduction .box ul li .txt {
	margin-top: 15px;
	color: #666666;
	font-size: 14px;
	line-height: 2;
	height: 56px;
	overflow: hidden;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

/*.introduction .box ul li.on .txt{
	height: 200px;
}*/
.introduction .box ul li .more_btn {
	margin-top: 15px;
}

.introduction .box ul li .more_btn span {
	color: #19aeae;
	font-size: 14px;
	cursor: pointer;
}

.introduction .box ul li .icon {
	position: absolute;
	right: 3.6%;
	top: 30px;
	width: 35px;
	height: 35px;
	background: url(../images/img76.png) center no-repeat;
	background-size: 100% auto;
}

.introduction .box ul li.on .icon {
	background: url(../images/img77.png) center no-repeat;
	background-size: 100% auto;
}

.load_more {
	padding-top: 25px;
	text-align: center;
}

.load_more span {
	font-size: 14px;
	color: #444444;
}

@media only screen and (max-width: 1440px) {
	.governance {
		padding-top: 80px;
	}

	.introduction {
		padding-top: 90px;
	}
}

@media only screen and (max-width: 1280px) {
	.governance {
		padding-top: 70px;
	}

	.introduction {
		padding-top: 80px;
	}
}

@media only screen and (max-width: 1024px) {
	.governance {
		padding-top: 60px;
	}

	.introduction {
		padding-top: 70px;
	}

	.introduction .box ul li {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 80px;
	}

	.introduction .box ul li .icon {
		right: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.governance {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.introduction {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.introduction .box ul li {
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 70px;
	}

	.introduction .box ul li.on:before {
		top: 25px;
		width: 3px;
	}
}

@media only screen and (max-width: 540px) {
	.governance {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.g_notice_box {
		padding-bottom: 60px;
	}

	.load_more {
		padding-top: 15px;
	}

	.introduction {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.introduction .box ul li {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 50px;
	}

	.introduction .box ul li.on:before {
		top: 20px;
	}

	.introduction .box ul li .icon {
		width: 30px;
		height: 30px;
		top: 20px;
	}
}

@media only screen and (max-width: 414px) {
	.g_notice_box {
		padding-bottom: 50px;
	}

	.g_notice_box .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.introduction .box ul li .tit {
		font-size: 16px;
	}

	.introduction .box ul li .txt {
		margin-top: 10px;
	}

	.introduction .box ul li .icon {
		right: 15px;
		top: 20px;
	}
}

.investor_visit {
	padding-top: 150px;
	padding-bottom: 100px;
	margin-top: -35px;
	background: url(../images/img78.png) top center no-repeat;
	background-size: 100% auto;
}

.investor_visit .box {
	padding: 4.2% 5%;
	background: #FFFFFF;
	box-shadow: 0px 5px 46px rgba(0, 0, 0, 0.11);
	margin-bottom: 20px;
}

.investor_visit .box .title {
	padding-bottom: 20px;
	border-bottom: #eeeeee solid 1px;
}

.investor_visit .box .title .o-title {
	float: left;
}

.investor_visit .box .title .sp {
	float: right;
	margin-top: 54px;
	color: #19aeae;
	font-size: 14px;
}

.investor_visit .box .wrap {
	margin-top: 20px;
}

.investor_visit .box .wrap .tips {
	color: #666666;
	font-size: 14px;
	line-height: 2;
	padding: 10px 25px;
	border: #e5e5e5 1px dashed;
	background: #f9f9f9;
}

.investor_visit .box .wrap .txt {
	padding-top: 25px;
	color: #222222;
	font-size: 16px;
	line-height: 2;
}

.investor_visit .box .wrap form {
	margin-top: 35px;
}

.one-third {
	float: left;
	width: 28.8%;
	margin-right: 2.8%;
}

.one-third.mar {
	margin-top: 30px;
}

.one-third.oth {
	width: 60.4%;
	margin-right: 0;
}

.two-third {
	float: left;
	width: 68.4%;
}

.hundred {
	width: 100%;
}

.investor_visit .box .wrap .remarks {
	float: left;
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
	margin-top: 12px;
	color: #999999;
	font-size: 14px;
}

.investor_visit .box .wrap .inputli {
	margin-bottom: 40px;
}

.investor_visit .box .wrap .inputli .inputdiv {
	margin-top: 15px;
	padding: 0 20px;
	border: #e5e5e5 solid 1px;
}

.investor_visit .box .wrap .half {
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	padding: 0 20px;
	border: #e5e5e5 solid 1px;
	box-sizing: border-box;
	overflow: hidden;
}

.investor_visit .box .wrap .half:nth-child(2n) {
	margin-right: 0;
}

.investor_visit .box .wrap .one-third.oth .half {
	width: 47.4%;
	margin-right: 5.2%;
}

.investor_visit .box .wrap .one-third.oth .half:nth-child(2n) {
	margin-right: 0;
}

.investor_visit .box .wrap .inputli .inputdiv input,
.investor_visit .box .wrap .inputli .half input {
	width: 100%;
	overflow: hidden;
	height: 48px;
	line-height: 48px;
	font-family: "syl";
	color: #222222;
	font-size: 16px;
	border: none;
	outline: none;
	background: none;
}

.investor_visit .box .wrap .js-dropmenu {
	position: relative;
	margin-top: 15px;
}

.investor_visit .box .selectdiv .js-dropmenu {
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	margin-top: 0;
}

.investor_visit .box .selectdiv .js-dropmenu:nth-child(2n) {
	margin-right: 0;
}

.investor_visit .box .wrap .drop-tit {
	border: #e5e5e5 solid 1px;
	padding-left: 20px;
	padding-right: 40px;
	box-sizing: border-box;
	height: 48px;
	line-height: 48px;
	font-family: "syl";
	color: #999999;
	font-size: 16px;
	background: url(../images/img81.png) center right 20px no-repeat;
	background-size: 14px 7px;
	cursor: pointer;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.investor_visit .box .wrap .js-dropmenu-options {
	display: none;
	position: absolute;
	left: 0;
	z-index: 110;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
	padding: 0px 35px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.investor_visit .box .wrap .js-dropmenu-options li {
	position: relative;
	float: left;
	display: inline-block;
	margin-top: 18px;
	margin-bottom: 18px;
	margin-right: 110px;
	padding-left: 36px;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666666;
}

.investor_visit .box .wrap .js-dropmenu-options li:last-child {
	margin-right: 0;
}

.investor_visit .box .wrap .js-dropmenu-options li .spot {
	position: absolute;
	left: 0;
	top: 3px;
	width: 23px;
	height: 23px;
	background: url(../images/img149.png) center no-repeat;
	background-size: 100% auto;
}

.investor_visit .box .wrap .js-dropmenu-options li:hover .spot {
	background: url(../images/img150.png) center no-repeat;
	background-size: 100% auto;
}

.investor_visit .box .wrap .js-dropmenu-options li:hover {}



.investor_visit .box .wrap .inputli .selectdiv {
	margin-top: 15px;
}

.investor_visit .box .wrap .sel .selectdiv {
	float: left;
	width: 50%;
	margin-right: 20px;
	margin-top: 0;
}

.investor_visit .box .wrap .inputli .selectdiv select {
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	border: #e5e5e5 solid 1px;
	padding-left: 20px;
	padding-right: 40px;
	box-sizing: border-box;
	height: 48px;
	line-height: 48px;
	font-family: "syl";
	color: #999999;
	font-size: 14px;
	background: url(../images/img81.png) center right 20px no-repeat;
	background-size: 14px 7px;
}

.investor_visit .box .wrap .inputli .selectdiv select:nth-child(2n) {
	margin-right: 0;
}

.investor_visit .box .wrap .select_100 select {
	width: 100%;
	border: #e5e5e5 solid 1px;
	padding-left: 20px;
	padding-right: 40px;
	margin-top: 15px;
	box-sizing: border-box;
	height: 48px;
	line-height: 48px;
	font-family: "syl";
	color: #999999;
	font-size: 14px;
	background: url(../images/img81.png) center right 20px no-repeat;
	background-size: 14px 7px;
}

.investor_visit .box .wrap .inputli textarea {
	width: 100%;
	height: 100px;
	padding: 15px 20px;
	border: #e5e5e5 solid 1px;
	box-sizing: border-box;
	font-family: "syl";
}

.investor_visit .box .wrap .subtxt {
	color: #222222;
	font-size: 16px;
}

.investor_visit .box .wrap .subtxt .must {
	display: inline-block;
	margin-right: 10px;
	color: #19aeae;
}

.investor_visit .box .wrap .other {
	margin-top: 15px;
}

.check {
	float: left;
	margin-right: 60px;
}

.check .label .choice-inp {
	display: none;
}

.check .choice-inp[type=checkbox]+span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/img79.png) center no-repeat;
	background-size: 20px 20px;
}

.check .choice-inp[type=checkbox]:checked+span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/img80.png) center no-repeat;
	background-size: 20px 20px;
}

.check .choice-inp[type=checkbox]:checked+span+div {}

.check .choice-inp[type=radio]+span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/img79.png) center no-repeat;
	background-size: 20px 20px;
}

.check .choice-inp[type=radio]:checked+span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/img80.png) center no-repeat;
	background-size: 20px 20px;
}

.check.single .choice-inp[type=checkbox]+span,
.check.single .choice-inp[type=radio]+span {
	vertical-align: top;
}

.check.single .choice-inp[type=checkbox]:checked+span,
.check.single .choice-inp[type=radio]:checked+span {
	vertical-align: top;
}

.investor_visit .box .wrap .text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	color: #222222;
	font-size: 16px;
}

.investor_visit .box .wrap .single .text {
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
}

.investor_visit .briefly_txt {
	padding-top: 25px;
	color: #222222;
	font-size: 16px;
	border-top: #e5e5e5 1px dashed;
	margin-bottom: 30px;
}

.investor_visit .btn_box {
	border-top: #e5e5e5 1px dashed;
	padding-top: 35px;
	text-align: center;
}

.investor_visit .btn_box input {
	display: inline-block;
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-family: "syl";
	font-size: 16px;
	margin: 0 15px;
}

.investor_visit .btn_box input.btn1 {
	background: #19aeae;
	color: #FFFFFF;
}

.investor_visit .btn_box input.btn2 {
	background: #f5f5f5;
	color: #444444;
}

.investor_visit .otherbox {
	background: #FFFFFF;
	box-shadow: 0px 5px 46px rgba(0, 0, 0, 0.11);
	margin-bottom: 20px;
}

.investor_visit .otherbox .bt {
	text-align: center;
	color: #222222;
	font-size: 16px;
	line-height: 1.7;
	padding: 11px;
}

.investor_visit .otherbox table {
	width: 100%;
	border-collapse: collapse;
}

.investor_visit .otherbox table tr td {
	width: 33.33%;
	border: #eeeeee solid 1px;
	font-family: "syl";
	color: #666666;
	font-size: 16px;
	height: 45px;
	text-align: center;
	word-break: break-word;
}

@media only screen and (max-width: 1680px) {
	.investor_visit {
		margin-top: -30px;
		padding-top: 140px;
	}
}

@media only screen and (max-width: 1280px) {
	.investor_visit .btn_box input {
		height: 56px;
		line-height: 56px;
	}

	.investor_visit {
		padding-top: 110px;
		padding-bottom: 80px;
		margin-top: -25px;
	}

	.investor_visit .box .wrap .js-dropmenu-options li {
		padding-left: 30px;
		margin-right: 60px;
	}

	.investor_visit .box .wrap .js-dropmenu-options li .spot {
		width: 21px;
		height: 21px;
	}
}

@media only screen and (max-width: 1199px) {
	.investor_visit {
		padding-top: 120px;
		margin-top: -45px;
	}
}

@media only screen and (max-width: 1024px) {
	.investor_visit {
		padding-top: 100px;
		padding-bottom: 70px;
	}

	.investor_visit .box {
		padding: 40px 40px 60px;
	}

	.investor_visit .box .title .o-title {
		float: none;
		width: 100%;
	}

	.investor_visit .box .title .sp {
		float: none;
		margin-top: 20px;
		width: 100%;
	}

	.investor_visit .box .wrap .txt,
	.investor_visit .box .wrap .subtxt,
	.investor_visit .box .wrap .text,
	.investor_visit .briefly_txt,
	.investor_visit .otherbox table tr td,
	.investor_visit .otherbox .bt {
		font-size: 15px;
	}

	.investor_visit .btn_box input {
		width: 160px;
		height: 50px;
		line-height: 50px;
	}

	.investor_visit .btn_box input {
		font-size: 15px;
	}

	.investor_visit .box .wrap .sel .selectdiv {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.investor_visit .box .wrap .remarks {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.investor_visit {
		padding-top: 90px;
		padding-bottom: 60px;
	}

	.one-third {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}

	.two-third,
	.one-third.oth {
		float: none;
		width: 100%;
	}

	.investor_visit .box .wrap .inputli {
		margin-bottom: 30px;
	}

	.investor_visit .box .wrap .inputli .inputdiv input,
	.investor_visit .box .wrap .inputli .half input {
		height: 42px;
		line-height: 42px;
	}

	.investor_visit .box .wrap .inputli .selectdiv select,
	.investor_visit .box .wrap .select_100 select {
		height: 42px;
		line-height: 42px;
	}

	.investor_visit .btn_box input {
		width: 140px;
		height: 44px;
		line-height: 44px;
	}

	.investor_visit .box .wrap .js-dropmenu-options li {
		margin-right: 30px;
	}

	.investor_visit .box .wrap .js-dropmenu-options li .spot {
		top: 5px;
		width: 18px;
		height: 18px;
	}

	.investor_visit .box .wrap .one-third.oth .half {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.one-third.mar {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 580px) {
	.investor_visit {
		padding-top: 110px;
		margin-top: -80px;
	}

	.investor_visit .box .wrap .js-dropmenu-options {
		padding: 0px 20px;
	}

	.investor_visit .box .wrap .js-dropmenu-options li {
		float: none;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 540px) {
	.investor_visit .box {
		padding: 30px 30px 50px;
	}

	.check {
		margin-right: 40px;
	}

	.investor_visit .box .wrap .inputli {
		margin-bottom: 25px;
	}

	.investor_visit .box .wrap .inputli .selectdiv select,
	.investor_visit .box .wrap .half,
	.investor_visit .box .selectdiv .js-dropmenu {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.investor_visit .box .wrap .inputli .selectdiv select:last-child {
		margin-bottom: 0;
	}

	.investor_visit .briefly_txt {
		margin-bottom: 25px;
	}

	.investor_visit .btn_box input {
		width: 120px;
	}
}

@media only screen and (max-width: 414px) {
	.investor_visit {
		padding-bottom: 40px;
	}

	.investor_visit .box {
		padding: 25px 25px 40px;
	}

	.investor_visit .box .wrap .tips {
		padding-left: 20px;
		padding-right: 20px;
	}

	.check {
		margin-right: 30px;
	}

	.investor_visit .btn_box {
		font-size: 0;
	}

	.investor_visit .btn_box input {
		width: 100px;
		width: 40%;
		margin: 0 5%;
		font-size: 14px;
	}

	.investor_visit .box .wrap .txt,
	.investor_visit .box .wrap .subtxt,
	.investor_visit .box .wrap .text,
	.investor_visit .briefly_txt,
	.investor_visit .otherbox table tr td,
	.investor_visit .otherbox .bt {
		font-size: 14px;
	}
}

.recommendation {
	position: relative;
	padding-top: 140px;
	padding-bottom: 130px;
	background: #f5f5f5;
	margin-top: -35px;
}

.recommendation:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/img87.png) center no-repeat;
	background-size: auto 90%;
}

.recommendation .o-title {
	position: relative;
	z-index: 5;
}

.recommendation .box .swiper-slide a,
.recommendation .box .swiper-slide .imgbox {
	position: relative;
	display: block;
	width: 100%;
}

.recommendation .box .swiper-slide a:before,
.recommendation .box .swiper-slide .imgbox:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.recommendation .box .swiper-slide .img {
	width: 100%;
	overflow: hidden;
}

.recommendation .box .swiper-slide .text {
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.recommendation .box .swiper-slide .text .tit {
	color: #ffffff;
	font-size: 30px;
}

.recommendation .box .swiper-slide .text .ic {
	margin-top: 20px;
}

.recommendation .box .swiper-slide .text .ic img {}

.recommendation .box .arrowbox {
	position: absolute;
	left: -moz-calc((100% - 1400px) / 2);
	left: -webkit-calc((100% - 1400px) / 2);
	left: calc((100% - 1400px) / 2);
	bottom: 40px;
	z-index: 10;
}

.recommendation .box .swiper-button-next,
.recommendation .box .swiper-button-prev {
	position: static;
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	-moz-background-size: 15px 18px;
	-webkit-background-size: 15px 18px;
	background-size: 15px 18px;
}

.recommendation .box .swiper-button-next,
.recommendation .box .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/img86.png);
}

.recommendation .box .swiper-button-next,
.recommendation .box .swiper-button-prev {
	position: static;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
}

.recommendation .box .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img86a.png);
}

.recommendation .box .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img85a.png);
}

.recommendation .box .swiper-button-prev,
.recommendation .box .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/img85.png);
}

.recommendation .pointbox {
	position: absolute;
	left: 24.5%;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 50%;
	background: #13cbcb;
	color: #FFFFFF;
	font-size: 20px;
}

/*视频弹窗样式*/
.bigPicLayer {
	display: none;
	width: 1000px;
	height: 556px;
	position: fixed;
	z-index: 111;
	top: 40% !important;
	margin-top: -180px;
	padding: 10px;
}

.bigPicLayer .close {
	display: block;
	width: 44px;
	height: 44px;
	background: url(../images/img97.png) no-repeat;
	background-size: 100% 100%;
	right: 10px;
	top: -34px;
	position: relative;
	position: absolute;
	z-index: 222;
}

.bigPicLayer .close em {
	width: 1px;
	height: 50px;
	background: #009690;
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top: 100%;
}

.bigPicLayer .imgDiv {
	text-align: center;
}

.bigPicLayer .imgDiv img {
	width: 100%;
}

.bigPicLayer .imgDiv span {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-top: 16px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
}

#Layer1 {
	position: fixed;
	z-index: 20;
	background: #202020;
	top: 0;
	left: 0;
	width: 100% !important;
}

@media screen and (max-width: 1440px) {
	.bigPicLayer {
		display: none;
		width: 600px;
		height: 350px;
		position: fixed;
		z-index: 111;
		top: 40% !important;
		margin-top: -100px;
		padding: 10px;
	}

	.bigPicLayer .close {
		display: block;
		width: 38px;
		height: 38px;
		background: url(../images/img97.png) no-repeat;
		background-size: 100% 100%;
		right: -50px;
		top: -50px;
		position: relative;
		position: absolute;
		z-index: 222;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 50px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.bigPicLayer .imgDiv {
		text-align: center;
	}

	.bigPicLayer .imgDiv img {
		width: 100%;
	}

	.bigPicLayer .imgDiv span {
		display: block;
		text-align: center;
		font-size: 18px;
		margin-top: 16px;
		color: #fff;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 1004px) {
	.bigPicLayer {
		width: 300px;
		height: auto;
		padding: 0px;
		margin-top: -150px;
	}

	.bigPicLayer .close {
		display: block;
		width: 38px;
		height: 38px;
		background: url(../images/img97.png) no-repeat;
		background-size: 100% 100%;
		right: -50px;
		top: -50px;
		position: relative;
		position: absolute;
		z-index: 222;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 20px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}

	.bigPicLayer .imgDiv {
		height: 169px;
	}
}

@media screen and (max-width: 767px) {
	.bigPicLayer {
		width: 94%;
		margin-top: -50px;
	}

	.bigPicLayer .close {
		display: block;
		width: 24px;
		height: 24px;
		background: url(../images/img97.png) no-repeat;
		background-size: 100% 100%;
		right: 0;
		top: -30px;
	}

	.bigPicLayer .close em {
		width: 1px;
		height: 20px;
		background: #0a448d;
		display: none;
		position: absolute;
		left: 50%;
		margin-left: -0.5px;
		top: 100%;
	}
}

/*近期路演*/
.recent_roadshow {
	padding-top: 150px;
	padding-bottom: 70px;
	background: #FFFFFF;
}

.recent_roadshow .box {
	position: relative;
	max-width: 1580px;
	width: 100%;
	margin: 40px auto 0px;
}

.recent_roadshow .box .sw_video {
	border: #eeeeee solid 1px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.recent_roadshow .box .sw_video a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.recent_roadshow .box .sw_video .img {
	width: 100%;
	overflow: hidden;
}

.recent_roadshow .box .sw_video .img img {
	width: 100%;
}

.recent_roadshow .box .sw_video .txt {
	padding: 20px 25px;
}

.recent_roadshow .box .sw_video .txt .t1 {
	color: #000000;
	font-size: 16px;
	line-height: 1.8;
	height: 58px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.recent_roadshow .box .sw_video .txt .t2 {
	color: #999999;
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
}

.recent_roadshow .box .sw_video .txt .t2 img {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 10px;
}

.recent_roadshow .box .sw_video .time {
	position: absolute;
	right: 15px;
	top: 15px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.4);
	color: #999999;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
}

.recent_roadshow .box .sw_video .time img {
	display: inline-block;
	margin-right: 10px;
}

.recent_roadshow .swiper-button-next,
.recent_roadshow .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.recent_roadshow .swiper-button-next,
.recent_roadshow .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/img89.png);
	right: 0;
	left: auto;
}

.recent_roadshow .swiper-button-prev,
.recent_roadshow .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/img88.png);
	left: 0;
	right: auto;
}

.recent_roadshow .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img89a.png);
}

.recent_roadshow .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/img88a.png);
}

/*调研*/
.research {
	padding-top: 70px;
	padding-bottom: 70px;
}

.research .title {
	overflow: hidden;
}

.research .title .o-title {
	float: left;
}

.title .view_all {
	float: right;
	margin-top: 50px;
}

.title .view_all a {
	color: #19aeae;
	font-size: 16px;
}

/*互动问答*/
.interactive {
	padding-top: 100px;
	padding-bottom: 160px;
	background: url(../images/img96.jpg) center no-repeat;
	background-size: cover;
}

.interactive .title .o-title {
	float: left;
}

.interactive .box {
	padding-top: 30px;
}

.fold-box {
	margin-top: 30px;
}

.fold-box ul li {
	width: 100%;
	padding: 10px 0px;
	margin-bottom: 10px;
	background: #FFFFFF;
	cursor: pointer;
}

.fold-box ul li .tit {
	position: relative;
	padding-right: 100px;
	padding-left: 80px;
	color: #000000;
	font-size: 16px;
	line-height: 1.7;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.fold-box ul li .ic {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	background: url(../images/img94.png) top 27px left no-repeat;
}

.fold-box ul li.on .ic {
	background: url(../images/img95.png) top 27px left no-repeat;
}

.fold-box ul li .ic1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 100%;
	background: url(../images/img93.png) top 22px center no-repeat;
}

.fold-box ul li .ic2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 100%;
	background: url(../images/img93a.png) top 20px center no-repeat;
}

.fold-box ul li .text {
	display: none;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 100px;
	padding-left: 80px;
	color: #666666;
	font-size: 14px;
	line-height: 2;
}

@media screen and (max-width: 1440px) {
	.recommendation {
		padding-top: 120px;
	}

	.recommendation .box .swiper-slide .text .tit {
		font-size: 28px;
	}

	.recommendation .pointbox {
		left: 23.5%;
		width: 90px;
		height: 90px;
		line-height: 90px;

	}

	.recommendation .box .arrowbox {
		left: 5%;
	}

	.recent_roadshow {
		padding-top: 120px;
	}

	.recent_roadshow .box .conwidth {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.interactive {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.fold-box ul li .tit {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.fold-box ul li .ic {
		background: url(../images/img94.png) top 20px left no-repeat;
	}

	.fold-box ul li.on .ic {
		background: url(../images/img95.png) top 20px left no-repeat;
	}

	.fold-box ul li .ic1 {
		background: url(../images/img93.png) top 17px center no-repeat;
	}
}

@media screen and (max-width: 1280px) {
	.recommendation {
		padding-top: 100px;
		margin-top: -45px;
	}

	.recommendation .pointbox {
		width: 80px;
		height: 80px;
		line-height: 80px;

	}

	.recommendation .box .swiper-slide .text .tit {
		font-size: 24px;
	}

	.recent_roadshow {
		padding-top: 90px;
		padding-bottom: 60px;
	}

	.recent_roadshow .box .conwidth {
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}

	.recent_roadshow .swiper-button-next,
	.recent_roadshow .swiper-button-prev {
		width: 45px;
		height: 45px;
	}

	.research {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.interactive {
		padding-top: 80px;
	}

	.fold-box ul li .tit {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.fold-box ul li .tit,
	.fold-box ul li .text {
		padding-right: 80px;
	}

	.fold-box ul li .ic {
		width: 60px;
	}

	.fold-box ul li .ic {
		background: url(../images/img94.png) top 15px left no-repeat;
	}

	.fold-box ul li.on .ic {
		background: url(../images/img95.png) top 15px left no-repeat;
	}

	.fold-box ul li .ic1 {
		background: url(../images/img93.png) top 12px center no-repeat;
	}
}

@media screen and (max-width: 1024px) {
	.recommendation {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.recommendation .box {
		margin-top: 40px;
	}

	.recommendation .box .arrowbox {
		left: 3%;
	}

	.recommendation .pointbox {
		left: 23%;
	}

	.recommendation .pointbox {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}

	.recommendation .box .swiper-slide .text .tit {
		font-size: 22px;
	}

	.recent_roadshow {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.research {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.interactive {
		padding-top: 60px;
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 768px) {
	.recommendation {
		padding-top: 80px;
		padding-bottom: 70px;
	}

	.recommendation .pointbox {
		left: 13.5%;
	}

	.recommendation .pointbox {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.recommendation .box .swiper-slide .text .ic {
		margin-top: 15px;
	}

	.recent_roadshow {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.recent_roadshow .box .sw_video .txt {
		padding: 20px;
	}

	.research {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.interactive {
		padding-top: 60px;
		padding-bottom: 70px;
	}

	.title .view_all {
		margin-top: 32px;
	}

	.fold-box ul li .tit,
	.fold-box ul li .text {
		padding-left: 60px;
		padding-right: 60px;
	}

	.fold-box ul li .ic {
		width: 45px;
	}

	.fold-box ul li .ic1,
	.fold-box ul li .ic2 {
		width: 60px;
	}
}

@media screen and (max-width: 580px) {
	.recommendation {
		margin-top: -80px;
		padding-top: 110px;
	}
}

@media screen and (max-width: 540px) {
	.recommendation {
		padding-top: 100px;
		padding-bottom: 50px;
	}

	.recommendation .pointbox {
		left: 13%;
		width: 48px;
		height: 48px;
		line-height: 48px;
		font-size: 18px;
	}

	.recommendation .box .arrowbox {
		position: static;
		text-align: center;
		margin-top: 30px;
	}

	.recommendation .pointbox {
		top: 40%;
	}

	.recommendation .box .swiper-slide .text .ic {
		margin-top: 12px;
	}

	.recommendation .box .swiper-slide .text .tit {
		font-size: 20px;
	}

	.recent_roadshow {
		padding-top: 50px;
	}

	.recent_roadshow .swiper-button-next,
	.recent_roadshow .swiper-button-prev {
		width: 42px;
		height: 42px;
	}

	.research {
		padding-bottom: 10px;
	}

	.interactive {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.title .view_all {
		margin-top: 30px;
	}

	.title .view_all a {
		font-size: 14px;
	}

	.fold-box ul li .tit,
	.fold-box ul li .text {
		padding-left: 50px;
		padding-right: 40px;
	}

	.fold-box ul li .ic {
		width: 30px;
	}

	.fold-box ul li .ic1,
	.fold-box ul li .ic2 {
		width: 50px;
	}

	.fold-box ul li .tit {
		font-size: 15px;
	}

	.fold-box ul li .text {
		padding-bottom: 10px;
	}

}

@media screen and (max-width: 414px) {
	.recommendation {
		padding-bottom: 40px;
	}

	.recommendation .pointbox {
		top: 36%;
		left: 12.5%;
		width: 42px;
		height: 42px;
		line-height: 42px;
		font-size: 16px;
	}

	.recommendation .box .swiper-slide .text .tit {
		font-size: 16px;
	}

	.recommendation .box .swiper-slide .text .ic {
		margin-top: 10px;
	}

	.recommendation .box .swiper-slide .text .ic img {
		max-width: 36px;
	}
}


/*20211013*/
.search_sum {
	padding-bottom: 50px;
}

.search-result {
	margin: 0px auto 50px;
	padding-top: 60px;
}

.search-result .search-number {
	font-size: 46px;
	line-height: 50px;
	padding-bottom: 20px;
	color: #222;
	/* font-weight: bold; */
}

.search-result ul {
	/* margin-bottom: 180px; */
}

.search-result li {
	border-bottom: 1px solid #eeeeee;
}

.search-result a {
	display: block;
	padding: 40px 0px;
}

.search-result a:hover h2 {
	color: #19aeae;
}

.search-result h2 {
	font-size: 16px;
	line-height: 1.5;
	color: #222222;
	padding-bottom: 15px;
	/* font-weight: bold; */
}

.search-result .mess {
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: lighter;
}

.search-result .times {
	font-size: 14px;
	color: #777;
	font-weight: lighter;
	margin-top: 15px;
}

.search_input_sum {
	max-width: 400px;
	margin: 80px auto 0px;
}

.search_input_sum input.text {
	border: 1px solid #dddddd;
	background: url("../images/search.png") 30px center no-repeat #fff;
	line-height: 40px;
	padding: 4px 20px 4px 70px;
	border-radius: 45px;
	box-sizing: border-box;
	width: calc(100% - 115px);
	float: left;
	font-size: 16px;
	color: #222222;
}

.search_input_sum input.text:focus {
	border-color: #19aeae;
}

.search_input_sum input.search_btn {
	float: right;
	line-height: 50px;
	width: 100px;
	text-align: center;
	background: #19aeae;
	color: #FFFFFF;
	border-radius: 45px;
	border: 0;
	font-size: 18px;
}

@media screen and (max-width: 1440px) {
	.search-result a {
		padding: 30px 0;
	}

	.search-result .mess,
	.search-result .times {
		line-height: 1.7;
	}
}

@media screen and (max-width: 1199px) {
	.search-result {
		padding-top: 10px;
	}

	.search_input_sum {
		margin-top: 60px;
	}

	.search_input_sum input.text {
		padding: 4px 10px 4px 60px;
		font-size: 15px;
		background-position-x: 20px;
	}

	.search_input_sum input.search_btn {
		font-size: 17px;
	}

	.selected_item {
		padding: 20px 0;
	}
}

@media screen and (max-width: 540px) {
	.search-result a {
		padding: 25px 0px;
	}

	.search_input_sum {
		margin-top: 50px;
	}

	.search_input_sum input.text {
		line-height: 32px;
	}

	.search_input_sum input.search_btn {
		font-size: 16px;
		line-height: 44px;
	}
}



.contact .follow>ul>li .share li {
	position: relative;
}

.contact .follow>ul>li .share li .drbox {
	position: absolute;
	top: 50px;
	left: 50%;
	min-width: 150px;
	transform: translate(-50%, 0);
	background-color: #fff;
	padding: 5px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
	display: none;
}

.contact .follow>ul>li .share li .drbox::before {
	position: absolute;
	content: "";
	top: -10px;
	left: 50%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #fff;
}

.contact .follow>ul>li .share li:hover .drbox {
	display: block;
}

.contact .follow>ul>li .share li .drbox img {
	display: block;
	margin: auto;
	width: 80%;
}

.contact .follow>ul>li .share li .drbox .txt {
	color: #333333;
	font-size: 14px;
	padding: 10px 0px 5px;
	white-space: nowrap;
}


/*20211028*/
.win_change {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100;
	display: none;
}

.win_change .bg {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .2);
}

.win_change .container {
	width: 90%;
	max-width: 960px;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	padding: 20px 50px 50px 50px;
	border-radius: 10px;
}

.win_change h3.title {
	position: relative;
	font-size: 20px;
	color: #000000;
	padding: 25px 0;
	text-align: center;
	border-bottom: #efefef solid 1px;
}

.win_change .title .close {
	width: 24px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.win_change .box {
	margin-top: 15px;
}

.win_change .box .half {
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	margin-bottom: 20px;
	border: #eeeeee solid 1px;
	box-sizing: border-box;
}

.win_change .box .half:nth-child(2n) {
	margin-right: 0;
}

.win_change .box .sp {
	float: left;
	width: 70px;
	text-align: center;
	overflow: hidden;
	color: #999999;
	font-size: 14px;
	height: 54px;
	line-height: 54px;
}

.win_change .box .textbox .sp {
	width: 100%;
	text-align: left;
}

.win_change .box .sp .must {
	display: inline-block;
	margin-right: 5px;
	color: #19aeae;
}

.win_change .box .half input {
	/*float: left;
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: calc(100% - 70px);*/
	overflow: hidden;
	color: #333333;
	font-size: 14px;
	height: 54px;
	line-height: 54px;
	background: none;
	border: none;
	outline: none;
	padding: 0px 20px;
	box-sizing: border-box;
}

.win_change .box .textbox {
	width: 100%;
	padding: 15px 20px;
	border: #eeeeee solid 1px;
	box-sizing: border-box;
}

.win_change .box .textbox textarea {
	width: 100%;
	height: 70px;
	border: none;
	outline: none;
	background: none;
	resize: none;
	color: #333333;
	font-size: 14px;
	line-height: 1.7;
}

.win_change .box .half input::-webkit-input-placeholder,
.win_change .box .textbox textarea::-webkit-input-placeholder {
	color: #999999;
}

.win_change .box .half input:-moz-placeholder,
.win_change .box .textbox textarea:-moz-placeholder {
	color: #999999;
}

.win_change .box .half input::-moz-placeholder,
.win_change .box .textbox textarea::-moz-placeholder {
	color: #999999;
}

.win_change .box .half input:-ms-input-placeholder,
.win_change .box .textbox textarea:-ms-input-placeholder {
	color: #999999;
}

.win_change .box .inputbtn {
	margin: 20px auto 0px;
	text-align: center;
	max-width: 180px;
	background: #19aeae;
}

.win_change .box .inputbtn input {
	color: #FFFFFF;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	border: none;
	outline: none;
	background: none;
}

@media screen and (max-width: 640px) {
	.win_change .container {
		padding: 20px 30px 30px;
	}

	.win_change h3.title {
		padding: 20px 0px;
	}

	.win_change .box .half {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.win_change .box .half input {
		height: 48px;
		line-height: 48px;
	}
}


/*20211123新增*/
.obanner .newtit {
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 1400px;
	width: 100%;
	z-index: 9;
	font-size: 48px;
	letter-spacing: 20px;
	color: #FFFFFF;
	text-align: center;
}

.market-container {
	padding: 5.2% 0 6.25%;
}

.market-container .suzycon-title h3 {
	text-align: center;
	line-height: 1.7;
	font-size: 36px;
	font-weight: bold;
}

.market-container .u-title {
	margin-bottom: 35px;
	font-size: 36px;
}

.mk-featrue {
	margin-top: 5.4%;
	padding-bottom: 10%;
}

.mk-featrue .fea-list ul {
	font-size: 0;
}

.mk-featrue .fea-list li {
	display: inline-block;
	vertical-align: top;
	width: 22.9%;
	margin-right: 2.8%;
	margin-bottom: 10px;
	text-align: left;
	box-sizing: border-box;
}

.mk-featrue .fea-list li:nth-child(4n) {
	margin-right: 0;
}

.mk-featrue .fea-list .u-img {
	background-image: url(../images/mk-featruelibg1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 50% auto;
	background-color: #d7c8aa;
}

.mk-featrue .fea-list li:nth-child(2n) .u-img {
	background-color: #80bab0;
	background-image: url(../images/mk-featruelibg2.png);
}

.mk-featrue .fea-list li:nth-child(3n) .u-img {
	background-color: #a4b7c5;
	background-image: url(../images/mk-featruelibg3.png);
}

.mk-featrue .fea-list li:nth-child(4n) .u-img {
	background-color: #d9887f;
	background-image: url(../images/mk-featruelibg4.png);
}

.mk-featrue .fea-list li .u-img {
	position: relative;
	overflow: hidden;
}

.mk-featrue .fea-list li .u-img:after {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 100%;
}

.mk-featrue .mid {
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	padding: 35px 40px;
	box-sizing: border-box;
}

.mk-featrue .mid .name {
	font-size: 20px;
	line-height: 1.5;
	color: #FFFFFF;
}

.mk-featrue .mid .en {
	font-size: 20px;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.4);
	word-break: break-word;
}

.m-market-brands .tilte {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
	color: #282828;
	font-weight: bold;
}

.m-market-brands .brands-list ul {
	font-size: 0;
}

.m-market-brands .brands-list li {
	display: inline-block;
	vertical-align: top;
	width: -moz-calc((100% - 80px) / 5);
	width: -webkit-calc((100% - 80px) / 5);
	width: calc((100% - 80px) / 5);
	margin-right: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.m-market-brands .brands-list li:nth-child(5n) {
	margin-right: 0;
}

.m-market-brands .brands-list .u-img {
	position: relative;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.market-container .u-title {
	margin-bottom: 35px;
}

.mk-contact {
	/*padding-top: 9%;*/
	text-align: center;
}

.mk-contact .mail {
	padding: 25px 70px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	font-size: 20px;
	max-width: 100%;
	box-sizing: border-box;
}

.mk-contact .mail {
	display: inline-block;
	padding: 25px 70px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999));
	background: -webkit-linear-gradient(top, #fff, #999);
	background: -o-linear-gradient(top, #fff, #999);
	background: linear-gradient(180deg, #fff, #999);
	-webkit-border-radius: 40px;
	border-radius: 40px;
	font-size: 20px;
	line-height: 1.5;
	color: #282828;
}

.mk-contact .mail span {
	display: inline-block;
	padding-left: 25px;
	background: url(../images/mkmailico.png) no-repeat 0 center;
	background-size: 15px auto;
	padding-left: 50px;
	background-size: 30px auto;
}

@media screen and (max-width: 1680px) {
	.obanner .newtit {
		font-size: 44px;
	}

	.market-container .suzycon-title h3 {
		font-size: 32px;
	}

	.market-container .u-title {
		font-size: 32px;
	}

	.mk-contact .mail {
		padding: 20px 60px;
	}
}

@media screen and (max-width: 1536px) {
	.obanner .newtit {
		font-size: 40px;
	}

	.market-container .suzycon-title h3 {
		font-size: 30px;
	}

	.market-container .u-title {
		font-size: 30px;
	}
}

@media screen and (max-width: 1366px) {
	.obanner .newtit {
		font-size: 38px;
		letter-spacing: 16px;
	}

	.market-container .suzycon-title h3 {
		font-size: 28px;
	}

	.market-container .u-title {
		font-size: 28px;
	}

	.mk-featrue .mid {
		padding: 30px 30px;
	}

	.mk-contact .mail {
		padding: 18px 55px;
	}
}

@media screen and (max-width: 1280px) {
	.obanner .newtit {
		font-size: 36px;
		letter-spacing: 12px;
	}

	.market-container .suzycon-title h3 {
		font-size: 28px;
	}

	.market-container .u-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 1024px) {
	.obanner .newtit {
		font-size: 32px;
		letter-spacing: 10px;
	}

	.market-container {
		padding-top: 60px;
		padding-bottom: 70px;
	}

	.market-container .suzycon-title h3 {
		font-size: 24px;
	}

	.market-container .u-title {
		font-size: 24px;
		margin-bottom: 25px;
	}

	.mk-featrue {
		margin-top: 50px;
		padding-bottom: 60px;
	}

	.mk-featrue .fea-list li {
		width: 23.5%;
		margin-right: 2%;
	}

	.mk-featrue .mid {
		padding: 15px 20px;
	}

	.mk-contact {
		/*padding-top: 60px;*/
	}

	.mk-contact .mail {
		padding: 16px 50px;
	}
}

@media screen and (max-width: 768px) {
	.market-container {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.obanner .newtit {
		font-size: 28px;
		letter-spacing: 6px;
	}

	.market-container .suzycon-title h3 {
		font-size: 21px;
	}

	.market-container .u-title {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.mk-featrue {
		margin-top: 40px;
		padding-bottom: 40px;
	}

	.mk-featrue .fea-list li {
		width: 23.5%;
		margin-right: 2%;
	}

	.mk-featrue .mid {
		padding: 10px 15px;
	}

	.m-market-brands .brands-list li {
		width: -moz-calc((100% - 48px) / 5);
		width: -webkit-calc((100% - 48px) / 5);
		width: calc((100% - 48px) / 5);
		margin-right: 12px;
		margin-bottom: 12px;
	}

	.mk-contact {
		/*padding-top: 50px;*/
	}

	.mk-contact .mail {
		font-size: 18px;
		padding: 12px 50px;
	}

	.mk-featrue .mid .name,
	.mk-featrue .mid .en {
		font-size: 16px;
	}

}

@media screen and (max-width: 767px) {
	.mk-featrue .fea-list li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}

	.mk-featrue .fea-list li:nth-child(4n) {
		margin-right: 4%;
	}

	.mk-featrue .fea-list li:nth-child(2n) {
		margin-right: 0;
	}

	.m-market-brands .brands-list li {
		width: -moz-calc((100% - 24px) / 3);
		width: -webkit-calc((100% - 24px) / 3);
		width: calc((100% - 24px) / 3);
	}

	.m-market-brands .brands-list li:nth-child(5n) {
		margin-right: 12px;
	}

	.m-market-brands .brands-list li:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 640px) {
	.obanner .newtit {
		font-size: 26px;
		letter-spacing: 2px;
	}

	.market-container {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.mk-featrue {
		margin-top: 30px;
		padding-bottom: 30px;
	}

	.mk-contact {
		/*padding-top: 40px;*/
	}

	.mk-contact .mail {
		font-size: 16px;
		padding: 10px 40px;
	}

	.mk-contact .mail span {
		padding-left: 32px;
		background: url(../images/mkmailico.png) no-repeat 0 center;
		background-size: 20px auto;
	}
}

@media screen and (max-width: 540px) {
	.obanner .newtit {
		font-size: 24px;
	}

	.market-container .suzycon-title h3,
	.market-container .u-title {
		font-size: 18px;
	}

	.mk-contact .mail {
		padding: 10px 25px;
	}
}

#Layer1 {
	z-index: 99;
}

.rotation {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.rotation .swiper-slide a,
.rotation .swiper-slide .nimg {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.rotation .swiper-slide .nimg i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/img148.png) center no-repeat;
	background-size: 9% auto;
}

.rotation.swiper-container-horizontal>.swiper-pagination-bullets,
.rotation .swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 20px;
}

.rotation .swiper-pagination-bullet-active {
	background: #19aeae;
}

@media only screen and (max-width: 540px) {
	.rotation .swiper-slide .nimg i {
		background: url(../images/img148.png) center no-repeat;
		background-size: 12% auto;
	}
}


/**/
.anniversary {
	padding-top: 90px;
}

.anniversary .wrap .text {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.anniversary .videoBig {
	position: relative;
	/*max-width: 1100px;*/
	width: 78.58%;
	margin-top: 80px;
	padding: 14px 14px 100px 14px;
	border-radius: 5px;
	background: #018987;
	box-sizing: border-box;
}

.anniversary .videoBig .icon-play {
	position: absolute;
	width: 51px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.anniversary .videoBig .movie {
	display: none;
}

/**/
.videolist {
	position: relative;
	z-index: 3;
	margin-top: 18px;
	padding-bottom: 80px;
}

.videolist .swiper-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.videolist .swiperli .img {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.videolist .swiperli .img img {
	width: 100%;
	transition: all 0.5s ease;
}

.videolist .swiperli:hover .img img {
	transform: scale(1.15);
}

.videolist .swiperli .txt {
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 20px;
	padding-bottom: 30px;
}

.videolist .swiperli .txt span {
	display: inline-block;
	padding-left: 36px;
	max-width: 100%;
	box-sizing: border-box;
	background: url(../images/ximg8.png) left top no-repeat;
}

.videolist .swiper-pagination-progress {
	position: relative;
	width: 100%;
	height: 6px !important;
	border-radius: 3px !important;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.2) !important;
}

.videolist .swiper-pagination-progressbar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 6px !important;
	background: rgba(255, 255, 255, 0.5) !important;
	border-radius: 3px !important;
	overflow: hidden;
}

/*.videolist .swiper-scrollbar{
	left: 0;
	width: 100%;
	height: 6px;
	background: rgba(255,255,255,0.2);
	border-radius: 3px;
}
.videolist .swiper-scrollbar-drag{
	height: 6px;
	background: rgba(255,255,255,0.2);
}*/
.anniversary .content {
	position: relative;
}

.anniversary .content .mask {
	position: absolute;
	left: 0;
	top: 5.7%;
	z-index: 2;
	width: 100%;
	height: calc(100% - 100px);
	/*background: url(../images/ximg2.png) center top no-repeat;
	background-size: 100% auto;*/
	background: url(../images/ximg2c.png) center top no-repeat;
}

.anniversary .content .mask:before {
	content: '';
	position: absolute;
	right: 0;
	top: -4.5%;
	width: 22.9%;
	height: 100%;
	background: url(../images/ximg2a.png) top right no-repeat;
	background-size: 100% auto;
}

/**/
.compose {
	position: relative;
	z-index: 3;
	padding-bottom: 100px;
}

.compose .w14 {
	max-width: 1404px;
	width: 100%;
	margin: auto;
}

.compose .wrap {
	margin-top: 60px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.com_logo {
	text-align: center;
}

.compose .composeli {
	position: relative;
	float: left;
	width: 50%;
}

.compose .composeli .part {
	display: flex;
	align-items: stretch;
	width: 100%;
}

.compose .composeli .part>a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: #FFFFFF solid 1px;
}

.compose .composeli .partli {
	float: left;
	max-width: 350px;
	width: calc((100% - 2px) / 2);
	border-bottom: #ffffff solid 1px;
	border-right: #ffffff solid 1px;
	display: flex;
	align-items: stretch;
}

.compose .composeli .partli>img {
	width: 100%;
}

.compose .composeli .partli a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.compose .composeli .partli a>img,
.compose .composeli .part>a>img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.compose .composeli .partli:hover a>img,
.compose .composeli .part:hover>a img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.compose .composeli .more {
	position: absolute;
	right: 0;
	bottom: -100%;
	display: inline-block;
	padding: 20px;
	border-radius: 20px 0px 0px 0px;
	background: #f3f3f3;
	color: #666666;
	font-size: 16px;
	line-height: 1.6;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.compose .composeli .partli:hover .more,
.compose .composeli .part:hover>a .more {
	bottom: 0;
}

.compose .composeli .more img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.compose .composeli .partli span {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 40px;
}

.compose .composeli .txt {
	color: #FFFFFF;
	font-size: 26px;
	min-height: 160px;
}

.compose .composeli .ic {
	position: absolute;
	right: 50px;
	bottom: 30px;
}

.compose .composeli .oth {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc((100% - 1px) / 2);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 0 10%;
}

.compose .composeli .oth.os {
	padding: 0 7%;
}

.compose .composeli .oth .title {
	color: #ffffff;
	font-size: 46px;
}

.compose .wrap {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.compose .wrap .composeli {
	overflow: hidden;
}

.compose .wrap .composeli .animate {
	/*-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);*/
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

/*@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}*/
@-webkit-keyframes flip {
	0% {
		transform: translateY(60px);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes flip {
	0% {
		transform: translateY(60px);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

/*.compose .composeli{
	position: relative;
}
.compose .composeli::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0s cubic-bezier(.19, 1, .22, 1) 0s;
	background-color: #fff;
	z-index: 2;
}
.compose .composeli.on::before {
	width: 0;
	transition: width .8s cubic-bezier(.19, 1, .22, 1) .2s;
}*/
/**/
.annew {
	position: relative;
	z-index: 3;
	padding: 100px 0px;
	background: #f8f8f8;
}

.annew .wrap {
	position: relative;
	max-width: 1580px;
	width: 94%;
	margin: auto;
}

.annew .wrap .swiper-container {
	width: 100%;
}

.annew .wrap .swiper-container .swiper-slide a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.annew .wrap .img {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.annew .wrap .img img {
	width: 100%;
	transition: all 0.5s ease;
}

.annew .wrap .swiper-slide:hover .img img {
	transform: scale(1.15);
}

.annew .wrap .txt {
	margin-top: 15px;
}

.annew .wrap .txt .t1 {
	color: #333333;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.5s ease;
}

.annew .wrap .swiper-slide:hover .txt .t1 {
	color: #018987;
}

.annew .wrap .txt .t2 {
	color: #666666;
	font-size: 12px;
	margin-bottom: 15px;
}

.annew .wrap .txt .t3 {
	color: #999999;
	font-size: 14px;
	line-height: 1.5;
}

.annew .swiper-button-next,
.annew .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	margin-top: -23px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 11px 20px;
	-webkit-background-size: 11px 20px;
	background-size: 11px 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.annew .swiper-button-next,
.annew .swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/ximg15.png);
	right: 0;
	left: auto;
}

.annew .swiper-button-prev,
.annew .swiper-container-rtl .swiper-button-next {
	background-image: url(../images/ximg14.png);
	left: 0;
	right: auto;
}

.annew .swiper-button-next.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/ximg15a.png);
}

.annew .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	background-image: url(../images/ximg14a.png);
}

@media only screen and (max-width: 1680px) {
	.anniversary .content .mask:before {
		top: -3.8%;
	}
}

@media only screen and (max-width: 1536px) {

	/*.anniversary .content .mask{
		top: 180px;
	}*/
	.anniversary .content .mask:before {
		top: -3.2%;
	}

	.compose .composeli .txt {
		font-size: 24px;
		min-height: 120px;
	}

	.compose .composeli .oth .title {
		font-size: 42px;
	}
}

@media only screen and (max-width: 1500px) {
	.compose .w14 {
		width: 90%;
	}
}

@media only screen and (max-width: 1440px) {
	.anniversary {
		padding-top: 80px;
	}

	.anniversary .videoBig {
		margin-top: 70px;
	}

	.compose {
		padding-bottom: 90px;
	}

	.compose .composeli .txt {
		font-size: 21px;
	}

	.compose .composeli .oth .title {
		font-size: 36px;
	}

	.annew {
		padding: 90px 0px;
	}
}

@media only screen and (max-width: 1366px) {
	.anniversary .content .mask {
		top: 5.5%;
	}
}

@media only screen and (max-width: 1280px) {
	.anniversary {
		padding-top: 70px;
	}

	.anniversary .videoBig {
		margin-top: 60px;
		padding-bottom: 80px;
	}

	.anniversary .content .mask {
		top: 5.4%;
	}

	.anniversary .content .mask:before {
		top: -2.8%;
	}

	.compose {
		padding-bottom: 70px;
	}

	.compose .composeli .txt {
		font-size: 18px;
	}

	.compose .composeli .oth .title {
		font-size: 32px;
	}

	.annew {
		padding: 80px 0px;
	}
}

@media only screen and (max-width: 1024px) {
	.anniversary {
		padding-top: 50px;
	}

	/*.anniversary .content .mask{
		top: -2%;
	}
	.anniversary .content .mask:before{
		background: url(../images/ximg2a.png) top 4% right no-repeat;
    	background-size: 100% auto;
	}*/
	.anniversary .content .mask {
		top: 4.6%;
	}

	.anniversary .content .mask:before {
		top: -2%;
	}

	.anniversary .videoBig {
		margin-top: 50px;
		padding-bottom: 60px;
	}

	.compose {
		padding-bottom: 70px;
	}

	.compose .composeli .oth .title {
		font-size: 30px;
	}

	.compose .composeli .partli span {
		padding: 0px 25px;
	}

	.videolist {
		padding-bottom: 60px;
	}

	.annew {
		padding: 70px 0px;
	}

	.annew .wrap {
		width: 98%;
	}

}

@media only screen and (max-width: 768px) {

	/*.anniversary .content .mask{
		top: -200px;
	}
	.anniversary .content .mask:before {
	    background: url(../images/ximg2a.png) top 2.3% right no-repeat;
    	background-size: 100% auto;
	}*/
	.anniversary .content .mask {
		top: 2.7%;
	}

	.anniversary .content .mask:before {
		display: none;
	}

	.anniversary .videoBig {
		width: 100%;
		padding-bottom: 50px;
	}

	.videolist {
		margin-top: 20%;
	}

	.compose .composeli {
		float: none;
		width: 100%;
	}

	.compose .composeli .oth {
		position: static;
		height: auto;
		padding: 7%;
	}

	.compose .composeli .oth.os {
		padding: 7%;
	}

	.compose .composeli .oth .title {
		font-size: 28px;
	}

	.compose .composeli .partli {
		width: calc((100% - 1px) / 2);
	}

	.compose .composeli .partli:nth-child(2n) {
		border-right: none;
	}

	.annew .wrap {
		width: 94%;
	}

	.annew .wrap .swiper-container {
		width: 94%;
	}
}

@media only screen and (max-width: 640px) {
	.anniversary {
		padding-top: 40px;
	}

	.compose {
		padding-bottom: 60px;
	}

	.compose .composeli .oth .title {
		font-size: 24px;
	}

	.annew {
		padding: 60px 0px;
	}

}

@media only screen and (max-width: 540px) {
	.compose .composeli .oth .title {
		font-size: 21px;
	}

	.compose .composeli .txt {
		min-height: 1px;
	}

	.com_logo img {
		max-width: 60%;
	}

	.anniversary .content .mask {
		background-size: 270% auto;
	}
}

@media only screen and (max-width: 480px) {
	.anniversary {
		padding-top: 30px;
	}

	.anniversary .videoBig .icon-play {
		width: 45px;
	}

	.compose {
		padding-bottom: 50px;
	}

	.compose .composeli .oth .title {
		font-size: 19px;
	}

	.compose .composeli .txt {
		font-size: 16px;
	}

	.videolist .swiperli .txt span {
		background-size: 24px auto;
	}

	.videolist {
		padding-bottom: 50px;
	}

	.videolist .swiperli .txt {
		font-size: 16px;
	}

	.annew {
		padding: 50px 0px;
	}

	.annew .wrap {
		width: 100%;
	}

	.annew .wrap .swiper-container {
		width: 88%;
	}
}

.howto .workplace1 {
	padding-bottom: 0 !important;
}